一款基于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>
暂无评论内容