javascript - 使 jquery 脚本在窗口调整大小时更新？

Question

这个问题已经有答案了:

Javascript onclick function is called immediately (not when clicked)? [duplicate] (1 个回答)

已关闭 6 年前。

我制作了一个jquery脚本，它依赖于视口(viewport)宽度和视口(viewport)高度的变量。这是带有 viewportwidth 的脚本和viewportheight变量，存储在自己的文档中:

var viewportwidth,viewportheight;"undefined"!=typeof window.innerWidth?(viewportwidth=window.innerWidth,viewportheight=window.innerHeight):"undefined"!=typeof document.documentElement&&"undefined"!=typeof document.documentElement.clientWidth&&0!=document.documentElement.clientWidth?(viewportwidth=document.documentElement.clientWidth,viewportheight=document.documentElement.clientHeight):(viewportwidth=document.getElementsByTagName("body")[0].clientWidth,viewportheight=document.getElementsByTagName("body")[0].clientHeight);

这是脚本:

function kjør() {
    if ((viewportwidth / viewportheight) >= 1.33) {
            $('#redline').appendTo('body');
        $('#sitewrap').on('scroll', function(e) {
            if ($(this).scrollTop() > (viewportheight / 100 * 40)) {
                $('body').addClass('fix');
                $('#headerwrap').appendTo('body');
            } else {
                $('body').removeClass('fix');
                $('#headerwrap').appendTo('header');
            }
        $("#logo-top").css("opacity", 1 - $(this).scrollTop() / (viewportheight / 100 * 30));
        });
    } else {
        $('#headerwrap').appendTo('body');
        $('#redline').prependTo('#headerwrap');
        $('body').removeClass('fix');
    };
};
$(function() {
    kjør();
    $(window).resize(kjør());
});

正如您可以在底部看到的那样。我尝试过让脚本更新一次 window已调整大小。然而，这不起作用。该脚本仍将使用 viewportwidth和viewportheight这是在页面加载时建立的。如何使脚本在窗口调整大小时重新评估视口(viewport)高度和视口(viewport)宽度？

Answer 1

您的问题是以下行:

 $(window).resize(kjør());

将其更改为:

 $(window).resize(kjør);

当您使用语法 function_name() 时，您引用的是函数的返回值，而不是函数本身。