基于jQuery的响应式高度匹配

我有一个jQuery函数，用于使用选择器查找最高的div，并将该高度应用于同一选择器的所有div。这不是什么新鲜事-对（文档）很有效。准备好了。我正在尝试运行相同的函数（窗口）。调整大小，但它不是

jQuery(document).ready(loadheight);
jQuery(window).resize(loadheight);
function loadheight(){
    maxHeight = 0;
    boxes = jQuery('.item');
    maxHeight = Math.max.apply(
        Math, boxes.map(function() {
        return jQuery(this).height();
    }).get());
    boxes.height(maxHeight);
}

这是我的小提琴：

我觉得我在做一些根本错误的事情

---

想法？

当您将其设置为就绪状态时，高度已设置。。因此，当您调整大小时，您将获得之前设置的高度。。你的剧本正在发挥作用，你到底在尝试什么？是的，它似乎正在发挥作用。什么不起作用？注释掉

jQuery（文档）.ready（装载高度）（即仅将其绑定到onresize），您将看到它在resize上也能按预期工作。感谢各位查看此内容。不幸的是，我不能让它在小提琴上演奏。例如，当您在一列中看到蓝色框（结果窗口小于767px）并“运行”小提琴时，这是好的，但当您将结果框调整为大于767px时，最大div（div 3）的内容框将删除文本。即使按照techfoobar的建议注释掉document.ready行，也会发生这种情况。谢谢