jQuery+Bootstrap响应式步骤向导代码

一款基于jQuery+Bootstrap实现的响应式步骤向导代码，可自适应浏览器宽度。

js代码
<scriptsrc="js/jquery.min.js"></script>
<scriptsrc="js/jquery.steps.js"></script>
<script>
$(function(){
$("#example-basic").steps({
headerTag:"h3",
bodyTag:"section",
transitionEffect:"slideLeft",
autoFocus:true,
onStepChanging:function(){/*步骤更改之前进行验证，默认验证结果是true*/
//alert('步骤变更前触发');
returntrue;
},
onStepChanged:function(){/*步骤后变更后触发的函数*/
returntrue;
//returnfalse;
//alert('步骤变更后触发');
},
onFinishing:function(){/*点击提交前触发的事件，默认验证结果是false*/
returntrue;
//alert('提交前触发');
//returnfalse;/*验证结果*/
},
onFinished:function(){/*点击提交后触发的事件*/
alert('提交');
}
});
})
</script>




下载

2023-11-22 21:20 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]