Question

尝试从http://imakewebthings.com/waypoints/shortcuts/infinite-scroll/实现Waypoints无限滚动示例时遇到问题。

这是一个JSFiddle来演示我的问题：http://jsfiddle.net/jmankin/75g6cap2/5/

HTML

<div class="infinite-container">
<div class="infinite-item">Not much content</div>
</div>

<a class="infinite-more-link" 
    href="/gh/get/response.html/jermifer/jsfiddle/tree/master/waypoints-infinite/"
>Loading...</a>

JS

var waypoint = new Waypoint.Infinite({
     element: $('div.infinite-container')[0]
});

在第一个＆＃34;无限多链接＆＃34;是＆＃34;高于折叠＆＃34;对于页面加载的视口（即＆＃34; inifinite-item＆＃34;内容太短而不需要滚动），脚本正确地对链接href进行AJAX调用并加载所请求的内容。

然而，然后过早地 - 看似错误 - 继续将AJAX调用到第二个＆＃34;无限 - 更链路＆＃34;即使这是＆＃34;低于折叠＆＃34;当它加载时。

其次，从此开始，滚动到页面底部（技术上现在是第二个＆＃34;无限的-item＆＃34; content element）将导致对最初请求的URL（客户端明确解决的URL）的AJAX调用，这完全是令人困惑的。在正常情况下，它会一遍又一遍地这样做。在jsFiddle中，它只做了一次，但这仍然让你知道我的意思。

（ 注意： 我未能提前知道我要加载的内容的长度，这就是为什么我可以＆＃39; t保证用户必须向下滚动才能看到第一个＆＃34;无限多链接。＆＃34;）

Answer 1

我尝试在此链接中为解决此问题做出贡献，请检查：https://github.com/imakewebthings/waypoints/issues/384 - 祝福！

JQuery Waypoints - 无限滚动“快捷方式”会产生不必要和错误的AJAX请求？

1 个答案: