Question

Alrigghht所以这是脚本在图像加载之前运行的旧问题，因为它是tumblr，在加载到DOM之前无法获取图像尺寸... http://glorymode.tumblr.com/

$('#thumbnails').infinitescroll({
    navSelector  : ".next a:last",
    nextSelector : ".next a:last",
    itemSelector : "#thumbnails .thumb",
    bufferPx : 7777,
    loadingText: "<span class=\"spectrum\" style=\"diaplay:none\">hold it, cowboy!</span>" },
    function(newElements){
        //$('#thumbnails').infinitescroll("pause");
        //$('.thumb', this).imagesLoaded( function(){
            //$(this).isotope({ animationEngine : 'none', itemSelector : '.thumb', layoutMode : 'masonry' });
            $(this).isotope( 'appended', $( newElements ), function() { /*$('#thumbnails').infinitescroll("resume")*/ } ); 
        //});
    }
);

同位素据说包括 imagesLoaded 插件......尽管http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

似乎什么都不做

任何帮助都会很棒！

Answer 1

尝试使用此无限滚动回调

function(newElements){
  var $newElems = $(newElements);
  $newElems.imagesLoaded(function(){
    $('#thumbnails').isotope( 'appended', $newElems );
  });
}

您需要在新元素上调用imagesLoaded。

使用Isotope / jquery在tumblr上使用无限滚动功能对帖子进行拼贴

1 个答案: