javascript - 在窗口调整大小时刷新或触发JavaScript

我正在使用此javascript在其父div中使两个子div的高度相同：

$(function(){
var leftHeight = $('.leftblock').height();
var rightHeight = $('.rightblock').height();
if (leftHeight > rightHeight){ $('.rightblock').css('height', leftHeight); }
else{ $('.leftblock').css('height', rightHeight); }
});

当我调整窗口大小时，div之一又变得更长了，但是现在javascript不再起作用了。我再次将完全相同的脚本放入窗口调整大小函数中，从而解决了该问题！

$(window).resize(function(){ // same script as above again });

我的问题;有没有一种更清洁的方法，所以我可以只使用一次脚本，但是在窗口调整大小时刷新或再次触发脚本？

最佳答案

当然，声明一个函数并在两个处理程序中使用它：

function resizeDivs() {
    var leftHeight = $('.leftblock').height();
    var rightHeight = $('.rightblock').height();
    if (leftHeight > rightHeight){ $('.rightblock').css('height', leftHeight); }
    else{ $('.leftblock').css('height', rightHeight); }
}
$(resizeDivs);
$(window).resize(resizeDivs);

关于javascript - 在窗口调整大小时刷新或触发JavaScript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27015361/