將效果應用於頁面中的很多ID

Question

我正在使用按鈕（Bootstrap v.3）中的加載效果，該效果正常。

<a href="#" class="btn btn-primary" role="button" id="fat-btn" >Read</a> 

和腳本

 $('#fat-btn').click(function() { 
      var btn = $(this) 
      btn.button('loading') 
      setTimeout(function() { 
       btn.button('reset') 
      }, 9000)    
     }); 

這工作得很好！但它僅適用於我的頁面中的第一個按鈕。我能做些什麼，將此效果應用於更多按鈕？我以爲我可以鍵入類似的腳本，但使用不同的選擇器。但是這樣不方便（如果我有20個按鈕，我會輸入20個不同的選擇器）

Answer 1

使用class selector而不是id selector，並將相同的類分配給您可能已具有的所有按鈕。

$('.btn-primary').click(function() { 
    var btn = $(this); 
    btn.button('loading'); 
    setTimeout(function() { 
     btn.button('reset'); 
    }, 9000);    
}); 

Answer 2

使用常見的類，而不是

$('.btn').click(function() { 
     var btn = $(this) 
     btn.button('loading') 
     setTimeout(function() { 
      btn.button('reset') 
     }, 9000)    
    });