jquery - Masonry v3.0.4 调整大小

Question

我正在将我的网站从 Masonry 2 升级到 Masonry 3。

在 Masonry 2 中，我使用的是

$(window).bind('smartresize.masonry', function() {
 //recalculate my container width
});

在此页面http://masonry.desandro.com/appendix.html#upgrading-from-v2他们说“smartresize jQuery 插件已被删除”，但没有更多解释。

smartresize.masonry 对我来说非常完美，它允许我立即重新计算容器宽度和砖石适合这个新宽度。

现在使用 v3，我正在做:

container.masonry('bindResize');

$(window).resize(function() {
 //recalculate my container width
});

这是两个独立的事件，两个事件之间有一点延迟。看来bindResize的调用频率与$(window).resize()不同，我错了吗？

有没有办法完全完成 smartresize 正在做的事情？

Answer 1

这个新 Masonry 的缺点是没有像 onBeforeResize 和 onAfterResize 这样的东西。我安装了插件 smartresize (debouncedresize) 并禁用了 Masonry 的调整大小事件容器.masonry('unbindResize');然后我在自己的调整大小函数中刷新 Masonry 的布局。