无法让引导程序插件正常工作

Question

http://jsfiddle.net/jzhang172/s83yt1L6/

我无法使按钮正常工作。它应该像这里的引导网站：

http://getbootstrap.com/javascript/#buttons

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"> 
 
    Loading state 
 
</button> 
 

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

Answer 1

重置后立即将其改为“装载”，所以你不能看到它改变了按钮。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"> 
 
    Loading state 
 
</button> 
 

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