为什么单击事件处理程序仅适用于第一页

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() 将操作绑定到绑定完成后可能不在 DOM 上的元素。

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