首页 > web前端 > js教程 > bootstrap改变按钮加载状态_javascript技巧

bootstrap改变按钮加载状态_javascript技巧

WBOY
发布: 2016-05-16 16:29:46
原创
1480 人浏览过

bootstrap里面有个激活按钮的时候,按钮变成不可用的;

按照官网里面的方法介绍是在button按钮加个 data-loading-text="Loading..." 属性,然后js总体代码是这样:

复制代码 代码如下:

<script><br /> $('#myButton').on('click', function () {<br /> var $btn = $(this).button('loading')<br /> // business logic...<br /> $btn.button('reset')<br /> })<br /> </script>

其中autocomplete="off"属性是针对FF浏览器在页面加载之后,禁用状态不会自动解除用的。
我在直接用上面代码的时候,发现loading状态是没有的。
然后我自己改了一下,写成这样,就OK了

复制代码 代码如下:

<script><br /> //用于微笑话登陆按钮以及审稿按钮改变按钮加载状态<br /> function loag() {<br /> var btn = $("#btn_login");<br /> btn.button('loading');<br /> setTimeout(function () { btn.button('reset'); },2000);<br /> }<br /> </script>
 

稍作就改就可以实现我们的要求了,不知道官方这块是不是没有测试就放上来了,这里把解决方案推荐给小伙伴。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板