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）。如何将此脚本与 Images Loaded 插件集成。 doc 中的示例不起作用，因为它与我的 init 脚本不同。 2）。我在网站上有几个 div 块，我将它们与 Isotope 独立使用，换句话说，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));
 });
 });