退出
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2020-08-18
一款基于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>