$ (окно) .resize(); не работает

Question

У меня проблема с window.resize. Мой код js/jquery находится здесь

var x = $(window).width(); 
var y = $(window).height(); 
var z = $('#card').height(); 
var a = z + 140; // !!!zmienic gdy zmiana marginesu z gory lub paddingu (100 margin + 20x2 padding) 
var b = 1.78 * y; 
var c = 1.78 * a; 
function updateBodySize(){ 
    x = $(window).width(); 
    y = $(window).height(); 
    z = $('#card').height(); 
    a = z + 140; // !!!zmienic gdy zmiana marginesu z gory lub paddingu (100 margin + 20x2 padding) 
    b = 1.78 * y; 
    c = 1.78 * a; 
    if (c>b) { 
     if (x>c) { 
      $('body').css({'background-size': x + 'px auto'}); 
     } 
     else { 
      $('body').css({'background-size': 'auto ' + c + 'px'}); 
     } 
     $('body').css({'height': a + 'px'}); 
    } 
    else { 
     if (x>b) { 
      $('body').css({'background-size': x + 'px auto'}); 
     } 
     else { 
      $('body').css({'background-size': 'auto ' + b + 'px'}); 
     } 
     $('body').css({'height': y + 'px'}); 
    } 
} 
$(document).ready(updateBodySize()); //kiedy zaladowany 
$(window).resize(updateBodySize()); //kiedy zmiana rozmiaru 

Комментарии на польском языке, но они не важны. Я хочу запустить функцию updateBodySize при каждом изменении размера браузера, но теперь эта функция запускается только тогда, когда документ готов (так что я знаю, что функция работает правильно) (строка последняя, ​​но одна), и похоже, что последняя строка игнорируется. Неправильно ли эта строка $(window).resize(updateBodySize());? Или что-то случилось с моей функцией? Я проверил этот код в Chrome 33.

Answer 1

ваших последних двух строках, кажется, проблема здесь:

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

Должно быть:

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

Примечание сбрасывание () из updateBodySize - ваша цель, чтобы передать функции updateBodySize до .ready и .resize, а не его результат. При вызове функции вместо этого, что вы делаете, передавая результат от updateBodySize() к функциям .ready и .resize, в сущности:

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

Который, как вы заметили, ничего не делает, кроме того, что updateBodySize() делает первый (два) раза, когда вы его назвали. Снимите (), и он будет рассматриваться как обработчик событий, который вы ожидаете.

PS:

Если вы не используете первый блок

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; 

до вашего функционального блока, вы можете оставить его, так как вы переопределить этот вар внутри функцию, так он будет вычислять их независимо в любое время, когда он называется.

Answer 2

Попробуйте это:

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

Answer 3

Я думаю, что вы должны использовать это, потому что, как вы делаете это, то функция выполняется, а возвращаемое значение функции установить в качестве функции обратного вызова, которая не будет работать:

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

Answer 4

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

Answer 5

Или вы могли бы попробовать это:

окно .onresize = updateBodySize;