javascript中多个li的相同高度

Question

我是javascript的新手。如果我们刷新页面它的工作正常，但是当我们调整窗口大小时它不起作用。

#

Answer 1

window.addEventListener("resize", equl_heigh);

喝彩！

Answer 2

问题在于如何衡量li的高度。使用scrollHeight代替height()。请检查此fiddle。

使用

更新equl_height方法

function equl_height () {
    console.log( "resizing" );
    var highestBox = 0;
    $('ul li').each(function(){
        //var height = $(this).outerHeight();
        var height = $(this)[0].scrollHeight;
        if(height > highestBox){  
            highestBox = height;  
        }
    });    
    $('ul li').outerHeight(highestBox);
}

此外，由于resize事件可以以更高的速率触发，因此请尝试此throttling trick。