BootStrap 按钮加载状态改变

项目前端使用了bootstrap,想使用bootstrap的loading按钮作为ajax请求数据时的等待。参考bootstrap最新教程:

 $(".btn").click(function(){
         $(this).button('loading').delay(1000).queue(function() {

           $(this).button('reset');
         });        
      });

按钮第一次点击,如果出现错误后,重新执行

$btn.button('reset')
恢复按钮的可用状态。但是点击第二次时,会一直为loading....  处于disabled="disabled"  禁用状态,按钮不能恢复。
     后发现问题在queue()这个遍历方法上,queue() 方法显示或操作在匹配元素上执行的函数队列,队列运行在元素上异步地调用动作序列,而不会终止程序执行,
当通过 .queue() 添加函数时,应当确保最终调用了 .dequeue(),这样下一个排队的函数才能执行。
     问题解决:将$(this).button('reset')  改为$(this).button('reset').dequeue();即可

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值