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

请问下关于按钮complete状态的问题

我要完成的动作时确认-》取消确认-》最后还回到确认状态。

这样的步骤如何实现

aurayang

2015-12-24

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

关注问题我要回答

1194

操作

收起

2 回答

西风潇潇
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(); 
        })
    })
})

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

收起回答

zhengc
2016-02-07

不知道怎么获取button的状态，想了一个办法：

   $(function(){
       $("#mybutton").click(function(){
           console.log($(this).text());
           if ($(this).text() == "确认") {
               $(this).button('loading').delay(2000).queue(function(){
                   $(this).button('complete');
                   $(this).dequeue();
               });
           } else {
                $(this).button('reset');
           }
       });
   });