2015-02-05 2 views
3

http://imakewebthings.com/waypoints/shortcuts/infinite-scroll/에서 Waypoints infinite scroll example을 구현하는 동안 문제가 발생했습니다. http://jsfiddle.net/jmankin/75g6cap2/5/JQuery 웨이 포인트 - 무한 스크롤 "바로 가기"는 불필요하고 잘못된 AJAX 요청을 만드십니까?

HTML 1 '무한 더 링크는 "위"입니다

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

을 : 여기

내 문제를 설명하는 JSFiddle입니다 (즉, "inifinite-item"내용이 너무 짧아서 스크롤을 요구할 수 없음), 스크립트는 링크 href에 대한 AJAX 호출을 올바르게 수행하고 요청 된 콘텐츠. 그러나

,는 그 다음 조기에 - 겉으로는 잘못 - 그게로드 '스크롤 "비록 2'무한 더 링크"에 AJAX 호출을 진행한다. (기술적으로 지금 2 "무한 항목"content 요소 일 것입니다 무슨) 페이지 하단으로 스크롤 둘째

다음부터, 원래 요청 된 URL로 AJAX 호출 (하나의 원인이됩니다 클라이언트가 명시 적으로 언급 한). 이는 완전히 당혹 스럽습니다. 정상적인 상황에서, 그것은 이것을 반복해서 반복합니다. jsFiddle에서, 그것은 단지 그것을 한 번하지만, 그것은 여전히 ​​당신에게 무슨 뜻인지에 대한 아이디어를줍니다.

(참고 : 나는 미리 알 수 아니에요 나는 사용자가 볼 수 아래로 스크롤해야 할 것이라는 점을 보장 할 수없는 이유는 무엇 로딩 것 내용의 길이, 첫 번째 "무한한 추가 링크")

+0

내부에서 디버거 문으로 'onBeforePageLoad' 및'onAfterPageLoad' 콜백 옵션을 추가하면 설명하는 동작이 명확 해집니다. 그렇게하면 이전 처리기에서 화재가 발생한 다음 새로운 콘텐츠가로드되고 그 다음에 두 번째로 화재가 발생하고 둘 다 화재가 발생합니다. 이것은 라이브러리에있는 모든 버그의 냄새를 풍깁니다. https://github.com/imakewebthings/waypoints/issues에서 문제를 열어서 기본적으로 JSFiddle 링크를 포함하여이 질문을 모두 복사 하시겠습니까? – imakewebthings

답변