更改浏览器宽度的li高度调整大小

Question

我做了一个脚本，将一组li元素的高度更改为最大内容的高度。

代码工作正常，但它也应该通过调整浏览器宽度来工作。

我需要知道为什么它不通过更改浏览器宽度来重新加载？

这里是我的代码：

//changes slider hight to the hight of the li with the most content 
function heightChange() { 
    var max = -1; 
    $(".feedback li").each(function() { 
     var h = $(this).height(); 
     max = h > max ? h : max; 
    }); 
    $(".feedback li").css("height", max); 
}; 

// start by open site 
heightChange(); 

// load function by resizing of the browser window 
$(window).bind("resize", function(){ 
    heightChange(); 
}); 

Answer 1

你需要重新设置之前，你的身高复位。 Demo

$(window).on("resize", function(){ 
    $(".feedback li").css("height", "auto"); 
    heightChange(); 
}); 

否则将height()只返回指定的值;

此外，.on()是绑定的首选方法和事件，如jQuery的1.7