在调整浏览器宽度时更改高度

Question

I made a little script to change the height of a group of li-elements to the one with the most content.

The code works fine, but it should also work by resizing the browser width.

I need to know why it doesn't reload by changing the browser width ?

Here is my Code :

//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

You need to reset your height before setting it again. Demo

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

Otherwise will height() just return the specified value;

Also, .on() is the preferred way to bind and event, as of jQuery 1.7