使用同位素的过滤结果仅与对照F5一起使用

Question

我正在尝试使用jQuery Isotope过滤JavaScript中的网格视图，如果我单击控件F5，或者我打开了我的开发人员工具，但是当我以正常方式转到url或刷新页面，它不起作用。

这是我的代码：

 $(window).load(function(){     
        var dataFilters = [];
        dataFilters = getdataFilters();
        //dataFilters now has the value of = [".val1",".val2"]
        $('#grid').isotope({ filter: dataFilters.join(', ') });
    });

我使用window.load的原因是我正在等待加载所有图像，然后我过滤它们。

Answer 1

正是因为您使用window.load只能在刷新页面时进行过滤，因为过滤器功能仅在此处声明。

如果只想在加载所有图像时初始化同位素，可以将imagesloaded库（由同一个开发人员）与同位素结合使用。

http://isotope.metafizzy.co/layout.html#imagesloaded

文档中的示例代码：

var $grid = $('.grid').imagesLoaded( function() {
  // init Isotope after all images have loaded
  $grid.isotope({
    // options...
  });
});