javascript - 使用分页时，只有表格第一页上的按钮是可点击的 - 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

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

$("#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