такая же высота нескольких li в javascript

Question

Я новичок в javascript. он работает отлично, если мы обновляем страницу, но не работаем при изменении размера окна.

$(window).load(function(){ 
    equl_height(); 
}); 

$(window).resize(function(){ 
    equl_height(); 
}); 


function equl_height() { 
    var highestBox = 0; 
    $('ul li').each(function(){ 
     if($(this).height() > highestBox){ 
      highestBox = $(this).height(); 
     } 
    });  
    $('ul li').height(highestBox); 
} 

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

Кроме того, поскольку изменение размера событие может быть уволен с более высокой скоростью, чтобы попробовать это throttling trick, а также.