jquery - 动态按钮不触发

Question

我正在使用 jQuery 生成一些包含按钮的 html。由于某种原因，我无法为生成的按钮触发按钮事件。

当我查看源代码时，生成的 html 看起来很好...我还查看了 Firebug，没有发现任何问题...动态生成的按钮没有触发按钮单击事件。

任何帮助将不胜感激。

这是我的代码:

$(document).ready(function () {

    $("#btnSearch).click(function () {
         var html = "";
         html += "<tr><td>Test</td></tr>";
         html += "<tr><td>Test 2</td></tr>";
         html += "<tr><td><input id="btnTest" type="button" value="Test Button" /></td></tr>";

        $(html).appendTo("#TestTable");
    });


    $("#btnTest").on("click", function () {
         alert('hey');
    });

});

我的静态 html 很简单:

<table id="TestTable"></table>

Answer 1

$('body').on('click', '#btnTest' function () {
     alert('hey');
});

您需要阅读 .on 文档并了解它在哪些方面做得更好。它与旧的 .live 方法不同。