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

jQuery+Bootstrap响应式步骤向导代码-精品资源网
jQuery+Bootstrap响应式步骤向导代码
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容