{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

一款基于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>



在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery+Bootstrap响应式步骤向导代码
喜欢 ()分享 (0)