如何在窗口调整大小时运行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的扩展名。如果你有兴趣就在这里 Equal Height Rows for Fluid Width Elements