1

私はすでに質問/回答された質問をたくさん経験しましたが、それでも私にはうまくいきません。これは私がこれまでに持っているものです。

static.tumblr.com/epkyugq/C0ym8qnir/jquery-1.7.1.min.js

masonry.desandro.com/jquery.masonry.min.js

masonry.desandro.com/js/jquery.infinitescroll.min.js

static.tumblr.com/epkyugq/4fmmajupw/decker.js

何が間違っているのか、それが正しいのか、何かを追加する必要があるのか​​はわかりませんが、誰かがそれを行う方法のステップバイステップのチュートリアルを教えてくれれば幸いです。私は視覚的な人間なので、すべてのコーディングを確認する必要があります。これをお読みいただき、ありがとうございました。

4

1 に答える 1

1

あなたの修復は、infinitescroll スクリプトの外で行われています。次のように、それを含めるように変更する必要があります。

// other stuff up here
}, function( newElements ) {

    var $newElems = $(newElements).css({
        opacity: 0
    });

    $newElems.imagesLoaded(function () {
        $newElems.animate({
            opacity: 1
        });
        $container.masonry('appended', $newElems, true);
    });

    /* repair video players*/
    $newElems.find('.video').each(function(){
        var audioID = $(this).attr("id");
        var $videoPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
                $videoPost.html(data.posts[0]["video-player"]);
            }
        });
    });

    /* repair audio players*/
    $newElems.find('.player').each(function(){
        var audioID = $(this).attr("id");
        var $audioPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
               $audioPost.html(data.posts[0]["audio-player"]);
            }
        });
    });
});

$newElems.find()ページに新しい投稿のみをロードしたいので、私が使用しています。そうすれば、すでにロードされているものも含めて、すべての$('.video')投稿を確認できます。

于 2012-09-18T17:14:05.797 に答える