2014-02-09 3 views
2

무한 스크롤을위한 좋은 플러그인 jScroll을 사용하고 있습니다. 예제는 쉽고 간단합니다.하지만 나에게 맞는 것은 아닙니다. 스크롤에 대한jscroll (lazy loading) 페이지 매김을 삭제합니다.

스크립트입니다 : 그것은 두 번째 페이지 미세 부하를 작동하지만 나머지는 콘솔에 그것은 다음 그러므로 선택의 종료를 찾을 cannt 말한다

$('.infinite-scroll').jscroll({ 
     debug: true, 
     autoTrigger: false, 
     loadingHtml: '<img src="css/ajax-loader.gif" alt="Loading" /> Loading...', 
     padding: 20, 
     nextSelector: 'a.jscroll-next:last', 
     contentSelector: '.scrolltable' 
    }); 

. 소스를 확인할 때 두 번째 페이지로 스크롤 할 때 페이징 div가 완전히 제거된다는 것을 알 수 있습니까?

+1

것은 당신이 당신의 두 번째 페이지의 HTML의 다음 링크를 포함한 :

는 jScroll이 페이지 매김의 부모 컨테이너를 제거하는 곳 바로 아래에 링크 된 라인을 참조하십시오? 즉, 초기 HTML에는 두 번째 페이지, 두 번째 페이지, 세 번째 페이지 등의 링크가 포함되어야합니다. – Jimothy

+0

@Jimothy 예, 아래로 스크롤하면 완전히 제거됩니다. –

답변

1

jScroll이 두 번째 페이지의 반환 된 내용에서 nextSelector을 찾지 못하는 것 같습니다. a.jscroll-next:last이 반환 된 내용의 .scrolltable 내에 포함되어 있지 않으면 jScroll이 자체 파기합니다.

DOM에서 페이징 div를 제거하는 경우 다음 페이지가로드되면 페이지마다이 작업이 수행됩니다. 첫 번째 페이지에서 페이지 매김이 제거되고 두 번째 페이지에 .scrolltable 사이에 페이지 매김 div가 포함되지 않을 수 있습니다.

https://github.com/pklauzinski/jscroll/blob/master/jquery.jscroll.js#L163