Переоценить высоту div на событии click

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