jquery.bootstrap.wizard向导

插件使用version 1.4.2版本。

github地址：http://github.com/VinceG/twitter-bootstrap-wizard

文档地址：http://www.bootstrapwizard.com/

> 这个文档地址对应的版本太老旧了，参考意义不大。

![](/uploads/images/20211229/6101d6504d04aeba9dea5166cf418190.png)

插件基础用法
```javascript
//basic wizard
$(document).ready(function() {
	$('#rootwizard').bootstrapWizard();
});
```
```javascript
//wizard with options and events
$(document).ready(function() {
	$('#rootwizard').bootstrapWizard({
		tabClass: 'nav nav-pills',
		onNext: function(tab, navigation, index) {
			alert('next');
  		}
  });
});
```
```javascript
//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.html`
- `js/jquery.bootstrap.wizard.min.js`