无限滚动更改ID问题

Question

我目前遇到无限滚动的问题，我的 itemSelector ID 会随着每一行的变化而变化。它没有抓取下一页 <li>

示例：

<ul class="e-list e-list-entity">
    <li id="e-user-366430" class="e-item"></li>
    <li id="e-user-345435" class="e-item"></li>
    <li id="e-user-345345" class="e-item"></li>
    <li id="e-user-234344" class="e-item"></li>
</ul>

我将以下内容用于容器和项目选择器

$container = $('.e-list-entity');
itemSelector : '#e-user',

这样做正确吗？

Answer 1

itemSelector 应该是：

itemSelector : '.e-item'

您没有 ID 为“#e-user”的元素。

From the (very old) documentation:
itemSelector: selector for all items you'll retrieve

根据评论进行编辑：

如果您有两个或更多实例，则需要确保选择器仍然是唯一的。例如，以下设置将是唯一的：

<ul id="firstScroller" class="e-list e-list-entity">
    <li id="e-user-366430" class="e-item"></li>
</ul>

itemSelector : '#firstScroller .e-item'

第二个..

<ul id="secondScroller" class="e-list e-list-entity">
    <li id="e-user-366430" class="e-item"></li>
</ul>

itemSelector : '#secondScroller .e-item'

无限滚动更改ID问题

Infinite Scroll Changing ID issue

html

javascript

jquery

infinite-scroll