jQuery Isotope 2.0多個實例在同一頁面和圖像加載集成

Question

我一直在使用Isotope 2.0 jQuery插件。回顧舊的例子，我發現許多選項已經改變（初始化等等...）。我發現只有一個工作示例與2.0版本的作品：

$(document).ready(function() {(function ($) { 
     var $container = $('#posts'), 
      isotope = function() { 
       $container.isotope({ 
        itemSelector: '.item', 
       }); 
      }; 
     isotope(); 
     $(window).on('debouncedresize', isotope); 
    }(jQuery)); 
}); 

目前我有兩個問題： 1）。如何將此腳本與加載的圖像插件。來自doc的示例將不起作用，因爲它與我的初始化腳本不同。 2）。我在網站上有幾個div塊，我會獨立使用它們，換句話說，init方法應該由一個基本腳本組成，我可以列出可用的容器，並且他們會爲你自己的獨立過濾器。

如何解決？ 我見過類似answer 只是到1.5.x的版本

Answer 1

這裏的工作原理是一些簡單的代碼：

$(document).ready(function() { 
    var $container = $('#posts'); 
    $container.imagesLoaded(function() { 
    $container.isotope({ 
     itemSelector: '.item', 
    }); 
}); 
}); 

與您的代碼

或：

$(document).ready(function() { 
var $container = $('#posts'), 
isotope = function() { 
    $container.isotope({ 
    itemSelector: '.item', 
    }); 
    }; 
    $container.imagesLoaded(function() { 
    isotope(); 
    $(window).on('debouncedresize', isotope); 
}(jQuery)); 
}); 
});