@@ -37,29 +37,29 @@ Include plugin stylesheets.
37
37
```
38
38
Make necessary markup for wizard. That's all, you don't need to do anything else.
39
39
``` html
40
- <div class =" step-app" id =" demo" >
41
- <ul class =" step-steps" >
42
- <li data-step-target =" step1" >Step 1</li >
43
- <li data-step-target =" step2" >Step 2</li >
44
- <li data-step-target =" step3" >Step 3</li >
45
- </ul >
46
- <div class =" step-content" >
47
- <div class =" step-tab-panel" data-step =" step1" >
48
- ...
49
- </div >
50
- <div class =" step-tab-panel" data-step =" step2" >
51
- ...
52
- </div >
53
- <div class =" step-tab-panel" data-step =" step3" >
54
- ...
55
- </div >
40
+ <div class =" step-app" id =" demo" >
41
+ <ul class =" step-steps" >
42
+ <li data-step-target =" step1" >Step 1</li >
43
+ <li data-step-target =" step2" >Step 2</li >
44
+ <li data-step-target =" step3" >Step 3</li >
45
+ </ul >
46
+ <div class =" step-content" >
47
+ <div class =" step-tab-panel" data-step =" step1" >
48
+ ...
56
49
</div >
57
- <div class =" step-footer" >
58
- <button data-step-action =" prev" class =" step-btn" >Previous</button >
59
- <button data-step-action =" next" class =" step-btn" >Next</button >
60
- <button data-step-action =" finish" class =" step-btn" >Finish</button >
50
+ <div class =" step-tab-panel" data-step =" step2" >
51
+ ...
61
52
</div >
53
+ <div class =" step-tab-panel" data-step =" step3" >
54
+ ...
55
+ </div >
56
+ </div >
57
+ <div class =" step-footer" >
58
+ <button data-step-action =" prev" class =" step-btn" >Previous</button >
59
+ <button data-step-action =" next" class =" step-btn" >Next</button >
60
+ <button data-step-action =" finish" class =" step-btn" >Finish</button >
62
61
</div >
62
+ </div >
63
63
```
64
64
Include plugin and dependeces. jQuery is the only dependency, make sure to include it.
65
65
``` html
@@ -69,9 +69,9 @@ Include plugin and dependeces. jQuery is the only dependency, make sure to inclu
69
69
Init plugin with choosen options.
70
70
``` html
71
71
<script >
72
- $ (' #demo' ).steps ({
73
- onFinish : function () { alert (' complete' ); }
74
- });
72
+ $ (' #demo' ).steps ({
73
+ onFinish : function () { alert (' complete' ); }
74
+ });
75
75
</script >
76
76
```
77
77
## Configuration
0 commit comments