Question

我最近问了一个关于无法点击表格行并在任何页面上弹出警报但第一个使用List.js分页的问题。

这是通过将我的点击事件调整为：

来解决的

$('#test-list').on('click', 'tr', function() {
alert("These work, but the rest don't :(")
})

现在我似乎遇到了与按钮相同的问题，但我不确定如何修复点击事件。

这是点击事件：

$(".test-button").on("click", function () 
{ alert("These work, but the rest don't :("); 
});

这是一个codepen，所以你可以看看问题：

这可能也是一个简单的修复，但我无法提出解决方案。

感谢您的帮助！

Answer 1

对于按钮使用静态引用来绑定事件，然后传递按钮类，如下所示：

$("#test-list tbody").on("click", ".test-button",function () {
     alert("These work, but the rest don't :( ..... but now seems working :) "); 
});