jquery.bootstrap.wizard向导
插件使用version 1.4.2版本。
github地址：http://github.com/VinceG/twitter-bootstrap-wizard
文档地址：http://www.bootstrapwizard.com/
这个文档地址对应的版本太老旧了，参考意义不大。
插件基础用法
//basic wizard
$(document).ready(function() {
$('#rootwizard').bootstrapWizard();
});//wizard with options and events
$(document).ready(function() {
$('#rootwizard').bootstrapWizard({
tabClass: 'nav nav-pills',
onNext: function(tab, navigation, index) {
alert('next');
}
});
});//calling a method
$('#rootwizard').bootstrapWizard('show',3);选项
| Key | Default | Description |
|---|---|---|
| withVisible | true | Find only visible li step elements. Set to false if your steps display is hidden. |
| tabClass | 'nav nav-pills' | ul navigation class |
| nextSelector | '.wizard li.next' | next element selector |
| previousSelector | '.wizard li.previous' | previous element selector |
| firstSelector | '.wizard li.first' | first element selector |
| lastSelector | '.wizard li.last' | last element selector |
| backSelector | '.wizard li.back' | back element selector |
| finishSelector | '.wizard li.finish' | finish element selector |
事件
| Key | Description |
|---|---|
| onInit | Fired when plugin is initialized |
| onShow | Fired when plugin data is shown |
| onNext | Fired when next button is clicked (return false to disable moving to the next step) |
| onPrevious | Fired when previous button is clicked (return false to disable moving to the previous step) |
| onFirst | Fired when first button is clicked (return false to disable moving to the first step) |
| onLast | Fired when last button is clicked (return false to disable moving to the last step) |
| onBack | Fired when back button is clicked (return false to disable moving backwards in navigation history) |
| onFinish | Fired when finish button is clicked (return value is irrelevant) |
| onTabChange | Fired when a tab is changed (return false to disable moving to that tab and showing its contents) |
| onTabClick | Fired when a tab is clicked (return false to disable moving to that tab and showing its contents) |
| onTabShow | Fired when a tab content is shown (return false to disable showing that tab content) |
方法
| Key | Parameters | Description |
|---|---|---|
| next | Moves to the next tab | |
| previous | Moves to the previous tab | |
| first | Jumps to the first tab | |
| last | Jumps to the last tab | |
| back | Moves back in navigation history by jumping to the former tab | |
| finish | "Finishes" the wizard by calling onFinish callback | |
| show | zero based index or tab target id | Jumps to the specified tab |
| currentIndex | Returns the zero based index number for the current tab | |
| navigationLength | Returns the number of tabs | |
| enable | zero based index | Enables a tab, allows a user to click it (removes .disabled if the item has that class) |
| disable | zero based index | Disables a tab, disallows a user to click it (adds .disabled to the li element) |
| display | zero based index | Displays the li element if it was previously hidden |
| hide | zero based index | Hides the li element (will not remove it from the DOM) |
| remove | zero based index, optinal bool remove tab-pane element or not false by default | Removes the li element from the DOM if second argument is true will also remove the tab-pane element |
涉及文件：
lyear_pages_guide.htmljs/jquery.bootstrap.wizard.min.js