2013-03-19 83 views
4

我試圖讓這個當有人點擊它從普通按鈕去與文字改爲加載到切換按鈕,該按鈕...引導按鈕加載狀態

所以我包括這個按鈕

<button type="button" id="fat-btn" data-loading-text="loading..." class="btn btn-primary"> 
    Loading state 
</button> 

但是當我點擊按鈕時沒有任何反應。

我也有這在身體的底部。

<script> 
     $(function() { 
      var btn = $('#fat-btn').click(function() { 
      btn.button('loading') 
      setTimeout(function() { 
       btn.button('reset') 
      }, 3000) 
      }) 
     }) 
</script> 
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="bootstrap/js/bootstrap.min.js"></script> 

這裏是我想有按鈕的網站 http://www.ticketmachine.x10.mx/

+0

是對不起,我忘了將它們添加到塊引用。 – 2013-03-19 11:59:54

回答

7

我訪問您所提供的鏈接(位於屏幕底部的)。我打開螢火蟲它記錄下面給出的JS錯誤。

Uncaught ReferenceError: $ is not defined

您編寫了一些使用jQuery的JavaScript,但在添加jQuery庫之前添加了它。

你應該jQuery的鏈接後移動的腳本。

6

一旦你整理你的jQuery的問題,您應該作如下更新您的click功能:

​​

小提琴:http://jsfiddle.net/RJDgG/1/

+0

使用Bootstrap按鈕時,他的代碼是正確的。 – 2015-05-13 21:11:32