在页面中引入下面的文件。
<linkrel="stylesheet"type="text/css"href="./css/bootstrap.min.css">
<linkrel="stylesheet"type="text/css"href="./css/MultiStep.min.css">
<linkrel="stylesheet"type="text/css"href="./css/MultiStep-theme.min.css">
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/bootstrap.min.js"></script>
<scripttype="text/javascript"src="js/MultiStep.min.js"></script>
HTML结构
<divclass="multi-step"></div>
初始化插件
$(document).ready(function(){
$('.multi-step').MultiStep([options]);
});
配置参数
data[]：用于创建步骤的数据，是一个json数组。
final：最后一步结束的提示信息，默认为：Areyousureyouwanttoconfirm?
finalLabel：最后一步的label，默认为Complete。
title：模态窗口的标题，默认无。
modalSize：模态窗口的尺寸。可选有：sm、md、lg、xl。默认为md。
prevText：向后一步按钮的文案。默认为Previous。
nextText：向前一步按钮的文案。默认为Next。
skipText：skip按钮的文案。默认为Skip。
finishText：结束按钮的文案。默认为Finish。
$(..).MultiStep('destroy')：销毁模态窗口的回调函数。
onClose($elem)：模态窗口关闭时的回调函数。
onDestroy()：模态窗口销毁时的回调函数。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery