Javascript 在滚动触发器上单击分页时的事件下一步

基本上，我有一个底部带有分页的列表页面。我想把它变成一个无限的加载页面

当您滚动到底部时，单击事件起作用，但由于某些原因，在网络选项卡中，它调用？page=2、？page=3、？page=4、？page=5并从这些页面加载所有产品，然后显示第2页产品：/

这是我的滚动JS

            $(window).scroll(function () { //bind scroll event
                console.log('we scrolling out here babyyyy');
                var intBottomMargin = 300; //Pixels from bottom when script should trigger

                //if less than intBottomMargin px from bottom
                if ($(window).scrollTop() >= $(document).height() - $(window).height() - intBottomMargin) {
                    $(".js-next-page").trigger('click'); //trigger click
                }
            });

这是分页的HTML

    <ul class="listing-navigation__view">
        @if (Model.Pages != null && Model.Pages.Count > 0)
        {
            foreach (var p in Model.Pages)
            {
                if (p.Title == "Cancel View All" && Athena.Core.Tools.Misc.GetQueryStringAsInt("feature") == 1)
                {
                    continue;
                }
                if (p.Title == "Previous")
                {
                    rel = "rel=\"prev\"";
                }
                if (p.Title == "Next")
                {
                    rel = "rel=\"next\"";
                }
                <li class="page-@p.Title.ToLower().Replace(" ", "-") @(p.CurrentPage ? "current" : "")"><a href="@p.PageUrl" class="paging js-next-page" @Html.Raw(rel)>@p.Title</a></li>
            }
        }       
    </ul>

@如果（Model.Pages！=null&&Model.Pages.Count>0）
{
foreach（Model.Pages中的var p）
{
if（p.Title==“取消全部查看”&&Athena.Core.Tools.Misc.GetQueryStringAsInt（“功能”）==1）
{
继续；
}
如果（p.Title==“先前”）
{
rel=“rel=\”prev\”；
}
如果（标题=“下一步”）
{
rel=“rel=\”下一步\”；
}

}
}       

任何关于如何实现这一点的帮助或建议都将非常好

---

谢谢，

看起来您正在为所有页面生成链接，并且它们都具有classname

js next page

，因此您的脚本将同时单击所有链接

尝试找到一种方法，仅对您感兴趣的链接触发单击，可能会使用以下方式：

$("li.current+li .js-next-page").trigger('click');

---

这种未被实施的行为如何？这不正是单击“下一步”按钮应该做的吗？