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

Question

我正在对包含 200 多行的表使用 list.js 搜索和分页。我有一个单击事件，如果单击一行并调出一个模式，就会触发该事件。问题是此点击事件仅在分页时针对表格第一页上的行触发。

    var testList = new List('test-list', {
    valueNames: ['division', 'region', 'location', 'name'],
    page: 10000,
    plugins: [ListPagination({})]
    });

当我将页数限制设置为 10000 时，我可以单击所有行，因为它们位于第一页上，但如果我将页数限制设置为 50，则只有第一页上的行可以单击。我在每一行中都有按钮，这些按钮也只能在第一页上点击。

我试图用最简单的代码笔来显示这个:

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

仅当点击第一页上的列表项时才会弹出警报，但不会弹出任何后续页面。

有没有人知道会发生什么或者可以想出一些解决方法？ 谢谢!

Answer 1

既然你一直在使用 jQuery，为什么不用这样的东西呢？

$('#test-list').on('click', 'li', function() { alert("这些有效，但其余的无效 :(") })

根据您的评论进行编辑:

来自 jQuery 文档:

Event handlers are bound only to the currently selected elements; they must exist at the time your code makes the call to .on().
...
Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time.

因此，您要做的是选择表格本身，然后在 .on() 中选择要触发事件的事件和元素。