javascript - 为什么单击事件处理程序仅在第一页上起作用

Question

在我的 "fnInitComplete": function(oSettings, json) 中，我有一个像 $('[id^=f_]').each(function () 这样的选择器>.

Datatables 在服务器端获取数据，"bProcessing":true

我知道我的选择器只能在数据表的第一页上工作，当我更改页面时，我的功能将不起作用.

但是，即使使用 ajax 异步加载，有什么解决方案可以使这项工作正常进行呢？我不想放弃ajax。

一个例子:

"fnInitComplete" : function(oSettings, json) {
$('[id^=r_]').each(function () {
    $(this).click(function(e) {
        alert('Foo');
        e.preventDefault();
    })
});
}

仅适用于第一个加载的行数据表。有什么建议吗？

Answer 1

使用 on() 将操作绑定(bind)到绑定(bind)完成后可能不在 DOM 上的元素。

"fnInitComplete" : function(oSettings, json) {
    $(document).on('click', '[id^=r_]', function () {
        alert('Foo');
        e.preventDefault();
    })
}