單擊功能在此代碼中不起作用

Question

我有JQuery包括在內，並且所有其他點擊功能都能正常工作。我試圖調試並將其從類更改爲ID，並且類和ID名稱都是唯一的（沒有其他元素使用該類或ID）。

<button type="button" style="margin-left: 5px; padding: 7px;" class="btn query-btn"> Search Transactions </button> 

這裏是我的HTML代碼和我的jQuery是：

$(".query-btn").click(function() { 
      alert("gets here"); 
}); 

我真的不知道爲什麼這是行不通的，因爲它適用於一切。任何人都可能指出我正確的方向？我試圖給它一個ID（唯一的）和改變.到#並且不工作，要麼，是的它被包裹在一個：

$(document).ready(function() {

我收到任何錯誤是什麼樣的讓我困惑。任何東西將不勝感激！

注意：HTML按鈕實際上是通過AJAX添加的（按下一個按鈕並直接使用innerHTML插入響應），而不是默認頁面加載。我不確定這是否會影響它，但它只是一個注意事項。

Answer 1

如果按鈕被阿賈克斯加入，那麼你需要使用on和封閉選擇，大致爲：

$('body').on('click', '.query-btn', function() { 
    // Whatever 
}); 

（我使用body作爲一個例子選擇，最好你的範圍它的東西小得多）