                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（JS插件篇）

怎么从“确定”到“loading”再到“finished”，最后reset一下初始的“确定”

程程的爹妈

2015-11-20

源自：玩转Bootstrap（JS插件篇） 4-10

关注问题我要回答

1882

操作

收起

3 回答

西风潇潇回答被采纳 +3 积分
2016-06-11

$(function(){
    $("#mybutton").click(function(){
        $(this).button("loading").delay(1000).queue(function(){
            $(this).button("complete").delay(500).queue(function(){
                $(this).button("reset");
                $(this).dequeue(); 
            });
              $(this).dequeue(); 
        })
    })
})

1 回复有任何疑惑可以回复我~

收起回答

程程的爹妈提问者

非常感谢！

2016-07-20 回复有任何疑惑可以回复我~

程程的爹妈提问者

谢谢！我提问的意思是如何实现button的循环使用。另外，$(this).button("complete")和data-complete-text="finished"是如何对应的？有没有和reset对应显示的呢？还有，你给的是自动复原按钮，如何显示reset之后，按reset键再让按钮复原呢？

2016-07-20 回复有任何疑惑可以回复我~

qq_木头人春天_0
2016-05-03

替换 data-任意字符参数名-text 的属性值为“按钮上显示的文本值”，这句你们看的时候没注意理解

$(function() {
      $("#mybutton").click(function(){
         $(this).button('loading').delay(1000).queue(function() {
            $(this).button('complete');
         });
      });
});

$(this).button('loading') 也就是$("#mybutton").button("loading")，this指的是ID为#mybutton按钮。也就是data-loading-text="Loading..."中的属性值Loading...放到按钮上显示，

！！！！！！！！注意button('loading')loading 和data后面的loading一样下面complete也是要一样！！！

延时1000ms继续执行$(this).button('complete') 也就是data-complete-text="Loading finished"中的属性值Loading finished放到按钮上显示

1 回复有任何疑惑可以回复我~

收起回答