0

だから私は2つのコンテナ#container#container2. 私はjqueryを使用してappend、特定のサイズのコンテンツを1つのコンテナに、その他を別のコンテナに使用しています。そのコードは次のとおりです。

$(document).ready(function() {
    $('.entry').each(function() {
        if ($(this).height() > 200) {
            $('#container2').append(this);
        }
        else {
            $('#container').append(this);
        }
    });
});

したがって、私の問題は、無限スクロールと石積みの場合、新しいコンテンツが利用可能になったときに、コンテンツを適切なコンテナーに追加するために jquery が再度実行されないことです。コンテンツを正しいコンテナに追加できるようにするには、何を追加できますか?

注: 各コンテナーには、何万ものイメージを含めることができます。

アップデート:

これが私の石工コードです:

$(window).load(function() {
    var $wall = $('#container');
    $wall.imagesLoaded(function() {
        $wall.masonry({
            itemSelector: '.entry, .entry_photo',
            isAnimated: false
        });
    });

    $wall.infinitescroll({
        navSelector: '#page-nav',
        nextSelector: '#page-nav a',
        itemSelector: '.entry, .entry_photo',
        bufferPx: 2000,
        debug: false,
        errorCallback: function() {
            $('#infscr-loading').fadeOut('normal');
        }},
    function(newElements) {
        var $newElems = $(newElements);
        $newElems.hide();
        $newElems.imagesLoaded(function() {
            $wall.masonry('appended', $newElems, {isAnimated: false}, function() {
                $newElems.fadeIn('slow');
            });
        });
    });
    $('#container').show(500);
});

#containerそのため、次の投稿が読み込まれると、高さに関係なくすべてが読み込まれます。これは、Masonry が正常に動作していることを明確に示していますが、ロード時に jquery を再度呼び出していないだけです。必要なjqueryを確実に呼び出す方法はありますか? それ、どうやったら出来るの?

4

1 に答える 1