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

如果按钮是由Ajax添加的，那么你需要使用on和一个封闭的选择器，大致：

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

（我使用body作为示例选择器，理想情况下，您可以将其范围缩小到更小的范围。）