$（窗口）.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 函数 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;

在函数块之前，可以将其删除，因为您在函数内重新定义了这些var，因此它将在调用时独立地计算它们。

Answer 2

我认为您必须使用此功能，因为执行此操作的方式将执行该函数，并将该函数的返回值设置为回调函数，这将不起作用：

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

Answer 3

尝试这个：

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

Answer 4

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

Answer 5

或者您可以尝试以下方法：

window.onresize = updateBodySize;