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中的示例无法工作，因为它与我的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));
 });
 });

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

1 个答案: