使用分页时，只有表格第一页上的按钮是可点击的 - List.js

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 :("); 
});

这是一个代码笔，您可以查看问题：

http://codepen.io/cavanflynn/pen/gpdgvj

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

感谢您的帮助！

Answer 1

对于按钮使用静态引用来绑定事件，然后像这样传递按钮类：

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

工作笔http://codepen.io/anon/pen/XbPpPK