javascript中多个li的相同高度

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

---

window.addEventListener（“调整大小”，相等高度）

干杯
 
window.addEventListener（“调整大小”，相等高度）

干杯
 问题在于如何测量
li
的高度。使用
scrollHeight
而不是
height（）
。看看这个

使用更新您的
equal\u 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事件可以以更高的速率触发，所以也可以尝试此操作。
问题在于如何测量
li
的高度。使用
scrollHeight
而不是
height（）
。看看这个

使用更新您的
equal\u 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事件可以以更高的速率触发，因此也可以尝试此操作。
“不要覆盖window.onresize函数”-问题中显示的代码（当前）不使用onresize，它使用相关的jquery方法。“不要覆盖window.onresize函数”-问题中显示的代码（当前）不使用onresize，它使用相关的jquery方法。为什么要将“equal_heigh”作为字符串？如果jquery代码不工作，为什么addEventListener会工作呢？hello jimish它不工作$（window）.load（function（）{equal_height（）；}）；window.addEventListener（“调整大小”、“相等高度”）；函数equal_height（）{var highestBox=0；$（'ul li'）.each（函数（）{if（$（this）.height（）>highestBox）{highestBox=$（this.height（）；}}}）；$（'ul li'）.height（highestBox）；}$（window.load（函数（）{equal height（）；}）$调整大小（函数（）{equal_height（）；}）；window.addEventListener（“调整大小”，相等高度）；函数equal_height（）{var highestBox=0；$（'ul li'）.each（函数（）{if（$（this）.height（）>highestBox）{highestBox=$（this.height（）；}}}）；$（'ul li'）.height（highestBox）；}仍然不起作用。为什么把“equal_heigh”作为字符串？如果jquery代码不工作，为什么addEventListener会工作呢？hello jimish它不工作$（window）.load（function（）{equal_height（）；}）；window.addEventListener（“调整大小”、“相等高度”）；函数equal_height（）{var highestBox=0；$（'ul li'）.each（函数（）{if（$（this）.height（）>highestBox）{highestBox=$（this.height（）；}}}）；$（'ul li'）.height（highestBox）；}$（window.load（函数（）{equal height（）；}）$调整大小（函数（）{equal_height（）；}）；window.addEventListener（“调整大小”，相等高度）；函数equal_height（）{var highestBox=0；$（'ul li'）。每个函数（function（）{if（$（this）.height（）>highestBox）{highestBox=$（this.height（）；}}}）；$（'ul li'）.height（highestBox）；}仍然不起作用。你能共用一把小提琴吗？或者在
equal\u height
方法中放置一个控制台日志，以检查该方法是否执行？您可以共享一把小提琴吗？或者在
equal\u height
方法中放置控制台日志，以检查该方法是否已执行？