Question

我使用同位素来创建过滤器功能。但是整个同位素容器需要隐藏在初始页面加载上，访问者必须单击按钮才能显示容器。

我有过滤器工作，但当你点击按钮时，第一次加载容器时，所有项目都在彼此的顶部，然后当你点击其中一个过滤器时，一切都落到了位置。 / p>

您可以在此处查看我的代码 - http://chrsdev.com/test.html

如何解决初始内容加载时所有项目相互叠加的问题？

如果有人能指出我正确的方向，我将非常感激。

Answer 1

下载imagesloaded.js并将脚本添加到您的页面。（卸载的图像可以抛弃同位素布局并导致项目元素重叠.imageLoaded解决了这个问题）

然后像这样叫同位素：

//Initialize isotope on each container
    jQuery.each($container, function (j) {
     this.imagesLoaded( function() {
        this.isotope({
            itemSelector : '.element-item'
        });
   });
    });

附录

问题在于你的每个功能和＆＃34;这个＆＃34;。试试这个。

  //Initialize isotope on each container
    jQuery.each($container, function (j) {
     $container.imagesLoaded( function() {
        $container.isotope({
            itemSelector : '.element-item'
        });
   });
    });

同位素容器 - 点击显示

1 个答案: