jquery - 如何使 jQuery 等列脚本在窗口调整大小时运行？

Question

我正在运行一个 jQuery 脚本来在多行中连续设置相等高度的 div。

这是我正在使用的代码摘录的链接http://jsfiddle.net/F8QHd/2/

对于脚本，我在 CSS Tricks http://css-tricks.com/equal-height-blocks-in-rows/的这篇文章中使用了该技术

谁能告诉我如何修改脚本，以便在调整窗口大小时它仍然可以工作？目前，它适用于页面加载，但我不知道如何根据窗口调整大小来触发它。该脚本使用$(window).resize(function() {} );，所以我不确定为什么这不起作用？

任何帮助将不胜感激！

谢谢。

Answer 1

我看不出它不起作用。您将设置调整大小然后触发它，以便它在加载时工作而不复制该指令。

$(window).resize(function() {
    columnConform();
}).trigger('resize');

只需注意一点 - 均衡元素会导致窗口改变大小，当它在它稳定之前递归几次时你会遇到问题。我通过在等高函数上添加超时来解决这个问题。

我已经为 jquery 编写了一个类似的扩展。如果您有兴趣，这里 是流体宽度元素的等高行