Refresh on page when giving resize

Question

I have my function to resize,

    function resizeGrid() {
      $(".divGrid").css("height", ($(document).height() - 325) + "px");
    }
    $(resizeGrid);

It works as I’d like, but when testing in the browser, I always have to give F5 to it to work,?

Answer 1

There are several possible ways. These are a few:

Via DOM

window.onresize = function(event) {
    resizeGrid();
};

Via Event Listener

window.addEventListener('resize', function(event){
    resizeGrid();
});

Via jQuery

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