@@ -37,29 +37,29 @@ Include plugin stylesheets.
3737```
3838Make necessary markup for wizard. That's all, you don't need to do anything else.
3939``` 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+ ...
5649 </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+ ...
6152 </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 >
6261 </div >
62+ </div >
6363```
6464Include plugin and dependeces. jQuery is the only dependency, make sure to include it.
6565``` html
@@ -69,9 +69,9 @@ Include plugin and dependeces. jQuery is the only dependency, make sure to inclu
6969Init plugin with choosen options.
7070``` html
7171<script >
72- $ (' #demo' ).steps ({
73- onFinish : function () { alert (' complete' ); }
74- });
72+ $ (' #demo' ).steps ({
73+ onFinish : function () { alert (' complete' ); }
74+ });
7575 </script >
7676```
7777## Configuration
0 commit comments