Javascript 单击事件时重新计算div高度

我在一个购物车上工作，它的所有主要功能都在左手边，我的右手边有一个专栏，向买家展示推荐的产品等等。。。我已使用以下js将此div设置为与主div的高度相匹配：

$(window).on('load', function () {
       var target = $('.height-wrapper').height();
       $('.rightcolumn').height(target -2);
       var target2 = $('.height-wrapper2').height();
       $('.rightcolumn2').height(target2 -2);
});

这一切都很好，但是现在我希望在任何点击事件中重新计算右栏的高度，因此，如果将此推荐产品栏中的项目添加到购物车中，右栏的高度将再次改变，或者当我展开主div中的折叠div时

---

如何编写Jquery，使其不仅能在窗口加载时工作，还能在单击函数时重新计算高度…？

您可以将代码片段放入函数中，然后在需要时调用该函数：

function evaluateHeight(){
    var target = $('.height-wrapper').height();
    $('.rightcolumn').height(target -2);
    var target2 = $('.height-wrapper2').height();
    $('.rightcolumn2').height(target2 -2);
}

$(window).on('load', evaluateHeight);
$element.click(evaluateHeight);

---

@charlotteg

$element

不是一个示例，这应该是您要计算的div。

$element.click（）

是我刚刚编好的占位符。这就是在重新计算高度时，您需要单击的任何对象调用的事件处理程序。哈哈哈，我真傻，用$（'.rightcolumn'）替换了它，但它仍然不起作用！但是等等，元素不是指任何被点击的元素吗？我想介绍任何点击事件，不仅仅是在.right列中点击，如果这有意义@RicardoAlvaroLohmannOk，我可以找出将其添加到购物车的推荐产品的按钮的目标，但是如何定位单选按钮，如果选中单选按钮，我有一个向下滑动的div，页面上只有单选按钮，因此不需要id@georges表示您希望更新列，然后附加事件处理程序。