Question

我正在购买一个左侧有所有主要功能的购物车，我有一个右侧栏，向买家展示推荐产品等...我已设置此div以匹配高度主要的div使用这个js：

$(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不仅可以在窗口加载时工作，还可以在点击功能上重新评估高度......？

Answer 1

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

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);

在点击事件上重新评估div高度

1 个答案: