同位素元素仅在页面刷新时刷新

Question

我正在尝试使用同位素jquery重新排列投资组合。

我希望网站具有响应能力，因此我将容器中的元素设置为22％宽。

但是，当我第一次加载页面时，一切看起来都很好。或刷新它。但是如果我调整页面大小，元素宽度变化很好，但它们之间有很大差距。

在ipad在肖像和风景之间进行测试时会发生同样的事情。

为什么在页面刷新之前它们不会自动进入新位置？这是一个例子。我正在讨论的部分是“特色”框。

Http://www.comeinside.co.uk

Answer 1

从来没有使用过此插件，但经过一番谷歌搜索后，看起来他的演示符合您的要求： http://isotope.metafizzy.co/demos/fluid-responsive.html

// update columnWidth on window resize
$(window).smartresize(function(){
  $container.isotope({
    // update columnWidth to a percentage of container width
    masonry: { columnWidth: $container.width() / 5 }
  });
});