jquery Wookmark Plugin 무한로드/Scoll

Question

내 웹 사이트에 Wookmark jQuery 격자 레이아웃을 사용하고 있습니다.

https://github.com/GBKS/Wookmark-jQuery

나는 작업을 자동로드/무한 스크롤이 필요합니다.

예를 들어, 처음 10 개의 이미지를 다시로드하기 만하면 Wookmark.com 및 Pinterest.com에서 나머지 목록을 계속로드하는 방법은 무엇입니까?

변경을 시도하고 필자의 코드 부분 : 사전에

/** 
* When scrolled all the way to the bottom, add more tiles. 
*/ 
function onScroll(event) { 
    // Check if we're within 100 pixels of the bottom edge of the broser window. 
    var closeToBottom = ($(window).scrollTop() + $(window).height() > $(document).height() - 100); 
    if(closeToBottom) { 
    // Get the first then items from the grid, clone them, and add them to the bottom of the grid. 
    var items = $('#tiles li'); 
    var firstTen = items.slice(0, 10); 
    $('#tiles').append(firstTen.clone()); 

    // Clear our previous layout handler. 
    if(handler) handler.wookmarkClear(); 

    // Create a new layout handler. 
    handler = $('#tiles li'); 
    handler.wookmark(options); 
    } 
}; 

감사합니다. Ive는 도처에 보았고, 약간의 다른 물건을 시험해 보았다. 그러나 어떤 운도. 건배.

Answer 1

정확히 GitHub 저장소에 예제를 추가했습니다. 이 예제는 Wookmark API에서 데이터를로드하고 페이지에 이미지를 표시합니다. 아래로 스크롤하여 바닥에 도달하면 더 많이로드됩니다.

다음의 예와 직접 링크는 다음과 같습니다 https://github.com/GBKS/Wookmark-jQuery/tree/master/example-api

이 당신을 위해 밖으로 작동하는 방법을 알려주세요.