最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:29:24
文档

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

bootstrap改变按钮加载状态_javascript技巧:bootstrap里面有个激活按钮的时候,按钮变成不可用的; 按照官网里面的方法介绍是在button按钮加个 data-loading-text=Loading... 属性,然后js总体代码是这样: 代码如下: Loading state $('#myButton').on('click',
推荐度:
导读bootstrap改变按钮加载状态_javascript技巧:bootstrap里面有个激活按钮的时候,按钮变成不可用的; 按照官网里面的方法介绍是在button按钮加个 data-loading-text=Loading... 属性,然后js总体代码是这样: 代码如下: Loading state $('#myButton').on('click',


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

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

代码如下:


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

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

代码如下:

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


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

文档

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

bootstrap改变按钮加载状态_javascript技巧:bootstrap里面有个激活按钮的时候,按钮变成不可用的; 按照官网里面的方法介绍是在button按钮加个 data-loading-text=Loading... 属性,然后js总体代码是这样: 代码如下: Loading state $('#myButton').on('click',
推荐度:
标签: 加载 状态 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top