腳本未在window.resize上運行

Question

以下是用於均衡幾個div的高度。在頁面加載上運行良好，不適用於窗口大小調整。

想法？

function equalHeight(group) { 
tallest = 0; 
group.each(function() { 
    thisHeight = $(this).height(); 
    if(thisHeight > tallest) { 
     tallest = thisHeight; 
    } 
}); 
group.height(tallest); 
} 

$(document).ready(function() { 
equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
equalHeight($(".equal")); 
}); 

Answer 1

想通了。這是因爲在調整大小時，高度已經從上次加載函數的運行中設置。我已經添加$(this).height('auto');到each功能，也改變$(document).ready(function(){})到$(window).load(function(){});見下圖：

function equalHeight(group) { 
    tallest = 0; 
    group.each(function() { 
     $(this).height('auto'); 
     thisHeight = $(this).height(); 
     if(thisHeight > tallest) { 
     tallest = thisHeight; 
     } 
    }); 
    group.height(tallest); 
} 
$(window).load(function() { 
    equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
    equalHeight($(".equal")); 
}); 

Answer 2

試試這個

$(function equalHeight(group) { 
tallest = 0; 
group.each(function() { 
    thisHeight = $(this).height(); 
    if(thisHeight > tallest) { 
     tallest = thisHeight; 
    } 
})); 
group.height(tallest); 
} 

$(document).ready(function() { 
equalHeight($(".equal")); 
}); 
$(window).resize(function() { 
equalHeight($(".equal")); 
});