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

感謝。私はどこでも見て、いくつかの異なることを試しましたが、運はありません。乾杯。

Answer 1

ちょうどGitHubリポジトリにこれを行う方法の例を追加しました。この例では、Wookmark APIからデータをロードし、そのページにイメージを表示します。あなたが下にスクロールして底に達すると、より多くをロードします。

ここでは例への直接リンクです：https://github.com/GBKS/Wookmark-jQuery/tree/master/example-api

はこれがあなたのためにどのように動作するか私に教えてください。