在浏览器宽度调整大小时更改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()只会返回指定的值;

此外，从{jQuery 1.7

开始，.on()是绑定和事件的首选方式