$(window).resize(); Doesn't Work

I've got a problem with window.resize . My code js/jquery is here var x = $(window).width(); var y = $(window).height(); var z = $('#card').height(); var a = z + 140; // !!!zmienic

Solution 1:

Your final two lines seem to be the problem here:

$(document).ready( updateBodySize() );
$(window).resize( updateBodySize() );

Should be:

$(document).ready( updateBodySize );
$(window).resize( updateBodySize );

Note the dropping of the () from updateBodySize - your aim is to pass the functionupdateBodySize to .ready and .resize, not its result. By call the function instead, what you're doing is passing the result of updateBodySize() to the .ready and .resize functions, in effect:

$(document).ready( null );
$(window).resize( null );

Which, as you've noticed, does nothing except what updateBodySize() does first (two) times you called it. Drop the () and it will be treated as the event handler you expect.

PS:

Unless you're using the first block of

var x = $(window).width();
var y = $(window).height();
var z = $('#card').height();
var a = z + 140;
var b = 1.78 * y;
var c = 1.78 * a;

before your function block, you can drop it, since you redefine those var inside the function, so it'll calculate them independantly any time it's called.

Solution 2:

I think you have to use this, because the way you are doing it, the function is executed and the return value of the function is set as the callback function, which will not work:

$(document).ready(function() {
    updateBodySize();
}); //kiedy zaladowany
$(window).resize(function() {
    updateBodySize();
});  //kiedy zmiana rozmiaru

Solution 3:

Try this:

$(function(){updateBodySize();}); //kiedy zaladowany
$(window).resize(function(){updateBodySize();}); 

Solution 4:

Or you could try this:

window.onresize = updateBodySize;

Solution 5:

$( document ).ready(function() {
  $(window).resize(updateBodySize());
});