【问题标题】:Infinite Scroll Changing ID issue无限滚动更改ID问题
【发布时间】:2015-06-05 16:07:21
【问题描述】:

我目前遇到了无限滚动的问题,我的 itemSelector ID 每 li 都会发生变化。不抢下一页<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', 

这是正确的做法吗?

【问题讨论】:

    标签: javascript jquery html infinite-scroll


    【解决方案1】:

    itemSelector 应该是:

    itemSelector : '.e-item'
    

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

    来自(非常老的)documentation:
    itemSelector:您将检索的所有项目的选择器

    基于 cmets 编辑:

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

    <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'
    

    【讨论】:

    • 这几乎奏效了,我更新了上面的代码以添加我在每个
    • 中的类(不知道这会导致问题)。当我使用您所说的 itemSelector 时,它会抓取下一个 li 但不会添加与 li 一起使用的类
  • 如果你这样做,它现在可以工作: itemSelector : '.e-item' ?
  • 我最初的问题是我在同一页面上有两个无限滚动,一个显示成员帖子,另一个显示成员,当触发无限滚动时,它会从两个列表中抓取并显示它只想要当前列表显示。抱歉,以为这将是一项简单的任务
  • 猜你喜欢
    相关资源
    最近更新 更多
    热门标签