0

私は自分のプロジェクトに wookmark プラグインを使用しています。V スクロールが一番下に達したら、さらにアイテムをロードする必要があります。プラグインの URL : http://www.wookmark.com/jquery-plugin 私が使用するスクロール機能:

function _scroll() {
    var v = false;
    $(document).scroll(function(e) {
        var t = document.height - (window.pageYOffset + window.innerHeight);
        if ((t <= 20) && ( !v)) {
            v = true;
            $.ajax({ type:"POST",
            data: {type:$("#type").val(),id:$("#pid").val(),lid:$("#lid").val()},
            async:true,
            cache:false,
            url:"fetchMore.php?v=18",
            success: function(d) {
                var t = d.split('{@}');
                if (parseInt($("#lid").val()) != t[1]) { 
                    $("#tiles").append(t[0]);
                    $("#lid").val(t[1]);
                    applyLayout();
                }
                v = false;
            } });
        }
    });
}

そして applylayout 関数:

function applyLayout() {
          $('#tiles').imagesLoaded(function() {
            // Destroy the old handler
            if ($handler.wookmarkInstance) {
              $handler.wookmarkInstance.clear();
            }
            $handler = $('#tiles li');
            $handler.wookmark(options);
          });
}

最後に、私のオプションとソート機能:

function comparatorId(a, b) {
          return $(a).attr("id") > $(b).attr("id") ? -1 : 1;
        }
function _Animate() {
     $('#tiles').imagesLoaded(function() {
          options = {
          autoResize: true,
          container: $('#main'),
          offset: 2,
          itemWidth: 210,
          comparator: comparatorId,
          direction: 'right',
          fillEmptySpace: false
        };
        $handler = $('#tiles li');
        $handler.wookmark(options);
      });
}

問題は、さらにロードしようとすると、comparatorId 関数がないようにアイテムがランダムに再ソートされることです..何か解決策はありますか? 解決策がない場合..このレイアウトのようなulliタグを作成するにはどうすればよいですか? 私はそれらを並べることができますが、私はそれらを並べて置きたいです+お互いの下に

4

1 に答える 1

0

私は問題を解決しました..それは、liに data-id="{ID}" タグを付けて、すべてのクラスを削除するだけです

于 2013-10-05T09:18:19.250 に答える