个人中心
gpt4 book ai didi

bootstrap改变按钮加载状态

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 30 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章bootstrap改变按钮加载状态由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

bootstrap里面有个激活按钮的时候，按钮变成不可用的； 。

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

  。

复制代码 代码如下:

<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">   Loading state </button> 。

  。

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

  。

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

  。

复制代码 代码如下:

<script>
//用于微笑话登陆按钮以及审稿按钮改变按钮加载状态
    function loag() {
      var btn = $("#btn_login");
      btn.button('loading');
      setTimeout(function () { btn.button('reset'); },2000);
    }
</script>
 <button type="button" class="btn btn-default" data-loading-text="Loading..." autocomplete="off" onclick="loag()" id="btn_login">登陆</button>

  。

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

最后此篇关于bootstrap改变按钮加载状态的文章就讲到这里了,如果你想了解更多关于bootstrap改变按钮加载状态的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

30 4 0
文章推荐： 21个JavaScript事件(Events)属性汇总
文章推荐： 用JavaScrip正则表达式验证form表单的方法
文章推荐： 15个常用的javaScript正则表达式(收藏)
文章推荐： 使用ajax+jqtransform实现动态加载select
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com