模板简介
模板使用说明(必读)
主题配色问题
关于V5模板中的CSS变量
首页修改地址后刷新不变的问题
顶部导航对应侧边栏菜单切换
侧边栏菜单的JS初始化
iframe子页面刷新问题
iframe版本右侧内容区域404问题
关于非iframe版本菜单高亮
iframe版本的Tab插件相关问题
关于iframe版本里面的加载动画
webuploader使用时候的问题
模板字体图标问题
关于版权和商业用途
模板中固有插件
bootstrap-colorpicker颜色选择
bootstrap-datepicker日期选择
bootstrap-datetimepicker日期时间
bootstrap-maxlength长度验证
bootstrap-select下拉选择
bootstrap-table表格插件
fullcalendar日程插件
jquery-confirm对话框
jquery-tagsinput标签插件
magnific-popup图片查看
webuploader上传插件
bootstrap-notify消息插件
chartjs图表插件
bootstrap.wizard向导插件
perfect-scrollbar滚动条插件
bootstrap-multitabs多标签
moment.js日期处理类
loading插件
popper插件
插件项目包含插件
bootstrap-daterangepicker
material-datetimepicker
dropzone上传
cropper图片裁剪
ckeditor富文本编辑器
editor.md编辑器
summernote富文本编辑器
tinymce富文本编辑器
ueditor富文本编辑器
wangeditor富文本编辑器
jquery-validate表单验证
bootstrap-selectN联动
bootstrap-lyear-select下拉
select2下拉选择框
lyear-dropdowntree下拉树状
ZTree树形菜单
treeview树状插件
jstree树状结构
imgVer拼图滑块
sliderVerification滑块验证
layer弹窗插件
jquery.auto.complete自动填充
fixedheadertable固定表头
fontIconPicker图标选择
jQuery Raty评分插件
jquery.toolbar弹出式工具栏
bootstrap-touchspin输入微调器
插件项目包含示例
表单布局示例
聊天页面示例
logo处使用文字
模态框中使用Tab
模态框最大化
搜索布局
搜索布局2
选择示例
选择示例2
选择示例3
选择示例4
代码演示切换
留言列表布局
布局(数据统计篇)
布局(产品价格篇)
布局(搜索框篇)
布局(用户篇)
布局(动画篇)
布局(其他篇)
另一种侧边栏菜单
顶部和左侧联动
JS初始化菜单
H5上传
bootstrap.wizard向导插件 - 光年模板(V5)说明文档 - 笔下光年
网站首页
bootstrap.wizard向导插件
插件使用version 1.4.2版本。 github地址:http://github.com/VinceG/twitter-bootstrap-wizard 文档地址:http://www.bootstrapwizard.com/ > 这个文档地址对应的版本太老旧了,参考意义不大。 ![](/uploads/images/20230107/3ebc36d295501f9c25c246f71b5b2c65.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`
上一篇:
chartjs图表插件
下一篇:
perfect-scrollbar滚动条插件