
一款基于jQuery+Bootstrap实现的响应式步骤向导代码,可自适应浏览器宽度。
js代码
<script src=\"js/jquery.min.js\"></script>
<script src=\"js/jquery.steps.js\"></script>
<script>
$(function(){
$(\"#example-basic\").steps({
headerTag: \"h3\",
bodyTag: \"section\",
transitionEffect: \"slideLeft\",
autoFocus: true,
onStepChanging:function(){/*步骤更改之前进行验证,默认验证结果是true*/
// alert(\'步骤变更前触发\');
return true;
},
onStepChanged:function(){/*步骤后变更后 触发的函数 */
return true;
// return false;
// alert(\'步骤变更后触发\');
},
onFinishing:function () {/*点击 提交 前 触发的事件,默认验证结果是false */
return true;
// alert(\'提交前触发\');
// return false;/*验证结果*/
},
onFinished:function () {/*点击 提交 后触发的事件*/
alert(\'提交\');
}
});
})
</script>










暂无评论内容