jquery-waypoints - JQuery Waypoints - 无限滚动 "shortcut"发出不必要和错误的 AJAX 请求？

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]
});

如果第一个“infinite-more-link”在页面加载时位于视口(viewport)的“首屏之上”(即“inifinite-item”内容太短而无需滚动)，脚本会正确生成 AJAX调用链接 href 并加载请求的内容。

但是，然后它会过早地——而且似乎是不正确的——继续进行对第二个“infinite-more-”的 AJAX 调用链接”，即使它在加载时处于“非首屏”状态。

其次，从那时起，滚动到页面底部(技术上现在是第二个“无限项” content 元素)将导致对最初请求的 URL(客户端明确寻址的 URL)的 AJAX 调用，这完全令人费解。在正常情况下，它会一遍又一遍地这样做。在 jsFiddle 中，它只执行一次，但这仍然让您了解我的意思。

(注意:我无法提前知道我要加载的内容的长度，这就是为什么我不能保证用户必须向下滚动才能看到第一个“无限更多链接”。)

Answer 1

我试图在这个链接的库中解决这个问题，请检查:https://github.com/imakewebthings/waypoints/issues/384 - 最良好的祝愿!