jQuery同位素2.0在同一页面上的多个实例和Images Loaded集成

Question

我一直在使用同位素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中的示例不起作用，因为它与我的init脚本不同。2） 。我在网站上有几个div块，我会独立地将它们与同位素一起使用，换句话说，init方法应该由一个基本脚本组成，我可以在其中列出可用的容器，它们将为您提供自己的独立过滤器。

如何解决？我见过类似的答案但它只适用于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));
 });
 });