使用Isotop/jQUery在無限滾動功能的tumblr colillise帖子

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在新的元素。