동위 원소와 결합하여 작동하지 않는 Infinitescroll 플러그인

isotope과 함께 infinitescroll을 사용하려고합니다. 나는 문서와 페이지 소스를 훑어 보았지만 문제를 찾을 수 없었다. 처음에는 페이지에있는 첫 번째 항목이 보이지만 페이지 맨 아래로 스크롤하면 아무 것도 나타나지 않습니다.동위 원소와 결합하여 작동하지 않는 Infinitescroll 플러그인

<nav id='page-nav'> 
    <a href='/blog/full-blog?page=2'></a> 
</nav>

자바 스크립트 :

$("#container").isotope({ 
    itemSelector: '.item', 
    isAnimated: true 
    }); 

    $("#container").infinitescroll({ 
    navSelector: '#page-nav', // selector for the paged navigation 
    nextSelector: '#page-nav a', // selector for the NEXT link (to page 2) 
    itemSelector: '.item',  // selector for all items you'll retrieve 
    debug: true, 
    }, 
    function(newElements) { 
     console.log(newElements); 
     $("#container").isotope('appended', $(newElements)); 
    } 
);

내 페이지를보고, 콘솔은 말한다 :

["determinePath", Array[2]] 
jquery.infinitescroll.min.js:1 
["Binding", "bind"] jquery.infinitescroll.min.js:1 
["math:", 497, 451] jquery.infinitescroll.min.js:1 
["math:", 0, 451] jquery.infinitescroll.min.js:1 
["heading into ajax", "/blog/full-blog?page=2"] jquery.infinitescroll.min.js:1 
Using HTML via .load() method jquery.infinitescroll.min.js:1 
XHR finished loading: "http://localhost:4567/blog/full-blog?page=2". jquery.js:8240 
["Error", "end"] jquery.infinitescroll.min.js:1 
["Binding", "unbind"]

내 HTML 다음 페이지로의 링크 (매겨진 블로그 페이지를) 포함

마지막 두 줄의 의미를 설명 할 수 있습니까? 분명히 오류가 있지만 끝은 무엇을 의미합니까? 로드 할 페이지가 더 있습니까? 예제에서는로드 할 항목이 더 많은 3 페이지가 있습니다. 언 바인드, 스크롤 이벤트가 바인딩 해제입니까? 오류 로그에 대한 모든 문서/정보를 찾을 수 없습니다.

출처

2013-02-08 mmvie

'제목이 아약스'인 것은 아약스 요청이 하단에 도달했음을 의미합니다.

'XHR Finished Loading'은 ajax 요청이 성공적으로 완료되었음을 의미합니다.

마지막 줄의 '오류'는 ajax 요청에 의해 반환 된 데이터가 없음을 의미합니다. 요청하지 않은 페이지가 비어있는 결과를 반환하는지 확인하십시오. 확인하려면 브라우저에서 '/ blog/full-blog? page = 2'를 엽니 다.

출처

2013-10-30 20:45:06 soundswaste

동위 원소와 결합하여 작동하지 않는 Infinitescroll 플러그인

답변

관련 문제