我正在尝试使用 jquery 同位素来重新排列投资组合。
我希望网站具有响应能力,因此我将容器中的元素设置为 22% 宽。
但是,当我第一次加载页面时,一切看起来都很好。或者刷新一下。但是,如果我调整页面大小,元素宽度会发生很好的变化,但它们之间有很大的间隙。
在 iPad 上测试纵向和横向之间的烘焙时,也会发生同样的情况。
为什么在页面刷新之前它们不会自动移动到新位置?这是一个例子。我正在谈论的部分是“特色”框。
最佳答案
从未使用过这个插件,但经过一番谷歌搜索后,看起来他的演示满足了您的要求: 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 }
});
});
关于jquery - 同位素元素仅在页面刷新时刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12920972/