웨이 포인트 무한 스크롤은 한 번만 더 많은 데이터를 추가합니다.

Question

1) jquery 웨이 포인트 플러그인을 사용 중이며 php/mysql 데이터로 무한 스크롤을하려고합니다. 처음에는 작동하는 컨테이너를 채우고 페이지 맨 아래로 스크롤하면 "추가"링크가 더 많은 데이터를 추가합니다. 하지만 ... 한 번만 추가됩니다. 다시 사용할 수 있도록 콜백을 사용해야 할 것으로 생각하십니까? 하지만, 멍청한 놈, 어떻게 해야할지 모르겠다.

2) load-more.php가 현재 "페이지"가 ​​무엇인지 알 수있는 좋은 방법은 무엇입니까? 세션 var를 사용하여 추적하거나, 기본 파일에서 param을 보내는 방법이 있습니까?

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

문제점이 내 문제와 동일하면 'waypoint'가 .infinite-more-link를 (를) 찾을 수 없기 때문일 수 있습니다. 내 "load-more.php"는 전체 페이지가 아닌 부분 결과를 반환했습니다. 웨이 포인트는 JQuery.find을 사용하여 HTML에서 more-link를 찾은 다음 찾을 수없는 경우 무한 스크롤을 해제합니다. 이 문제는 find이 루트 요소가 아닌 하위 항목으로 만 표시된다는 것입니다. span 태그와 waypoint에서 내 무한의 more-link를 감쌌다.

여기

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

가 문제를 복제 앵커 주위 사업부를 제거하는 working fiddle입니다.