Question

1）我正在使用jquery waypoint插件并尝试使用php / mysql数据进行无限滚动。我最初填充容器，它工作，然后当滚动到页面底部时，“更多”链接附加更多数据。但是......它只追加一次。我猜我需要使用回调重新启用或什么？但是，总菜鸟，不知道该怎么做。

2）让load-more.php知道我们所处的“页面”是什么的好方法是什么？只需使用会话var来跟踪，或者有没有办法从主文件发送参数？

div class="infinite-container">
<?
include("load-more.php");
?>
</div>

<a href="load-more.php" class="infinite-more-link">More</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">  </script>
<script src="js/waypoints.min.js"></script>
<script src="js/waypoints-infinite.js"></script>
<script>
$( document ).ready(function() {
     $('.infinite-container').waypoint('infinite');
}); 
</script>

Answer 1

如果您的问题与我的问题相同，那么您的问题可能是由于“航点”无法找到您的.infinite-more-link。我的“load-more.php”返回了部分结果而不是整个页面。 waypoint使用JQuery.find尝试找到你的html中的more-link，如果它找不到它，那么它会关闭无限滚动。这个问题是find只能看到后代而不是根元素。我将无限多链接包含在span标记中，并且waypoint按预期工作。

e.g。

<span><a href="load-more.php" class="infinite-more-link">More</a></span>

这是一个working fiddle，删除锚点周围的div来复制你的问题。

航点无限滚动只增加一次数据

1 个答案: