waypoint無限滾動只添加更多數據

1）我使用的是jquery waypoint插件，並嘗試使用php/mysql數據做無限滾動。我最初填充工作的容器，然後當滾動到頁面底部時，「更多」鏈接附加更多數據。但是......它只附加一次。我猜我需要使用回調重新啓用或什麼？但是，總是noob，不知道如何做到這一點。waypoint無限滾動只添加更多數據

2）什麼是讓load-more.php知道我們在使用什麼「頁面」的好方法？只需使用會話變量來跟蹤，或者有辦法從主文件發送參數？

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>

來源

2014-02-26 twiddly

如果您的問題與我的問題相同，那麼您的問題可能是由於'航點'無法找到.infinite-more-link。我的「load-more.php」返回的是部分結果，而不是整個頁面。航點使用JQuery.find試圖找到你的HTML中的更多鏈接，如果它找不到它然後關閉無限滾動。這個問題是，find只在後代而不是在根元素。我在span標記中包裹了無限多鏈接，並按預期工作。

例如

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

這是一個working fiddle，刪除錨點周圍的div以複製您的問題。

來源

2014-02-27 06:34:23 GavKilbride

謝謝。我還移動了「更多」鏈接，以便它在load-more.php中生成。這樣做可以讓我做兩件事： 1）只顯示更多的鏈接，如果有更多的數據，和 2）追加GET頁面參數，如load-param.php？page = 2，並照顧我的初始問題＃2 – twiddly

另一個解決方案是用http://api.jquery.com/find/替換http://api.jquery.com/filter/在waypoints-infinite.js中：Line'$ newMore = $ data.find （options.more）;」應該是'$ newMore = $ data.filter（options.more）;'。 –

waypoint無限滾動只添加更多數據

回答

相關問題