0

Web サイトに 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);
  }
};

前もって感謝します。私はいたるところを見回して、いくつかの異なることを試しましたが、うまくいきませんでした。乾杯。

4

1 に答える 1

5

これを行う方法について、GitHubリポジトリに例を追加しました。この例では、Wookmark APIからデータを読み込み、ページに画像を表示します。下にスクロールして一番下に到達すると、さらにロードされます。

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

これがどのように機能するか教えてください。

于 2012-04-27T13:29:25.363 に答える