javascript - Javascript / JQuery - 如果在一定大小时重定向窗口大小

Question

我正在尝试编写一些脚本，当用户调整屏幕大小以满足特定阈值时将重定向。

我正在使用 JQuery 窗口调整大小功能，我编写的代码如下：

$(window).resize(function(){
    if ((window.width > 225px) && (window.width < 255px) && (window.height > 330px) && (window.height < 400px))
    {
    window.location = "URL GOES HERE"
    };

Answer 1

这些是 jQuery 函数，因此您必须包装window一个 jQuery 对象并在其上调用函数：$(window).height()和$(window).width(). 此外，您不需要px, 因为这些函数只返回一个 number。

$(window).resize(function() {
    if (($(window).width() > 225) && ($(window).width() < 255) && ($(window).height() > 330) && ($(window).height() < 400))
    {
        window.location = "URL GOES HERE"
    };
});

您可以将它们保存在一个变量中，这样您就不需要查询它们两次。

$(window).resize(function() {
    var w = $(window).width();
    var h = $(window).height();
    if ((w > 225) && (w < 255) && (h > 330) && (h < 400)) {
        window.location = "URL GOES HERE";
    }
});

正如@tdammers在您的问题下的评论中所建议的那样，您的问题必须有比这更好的解决方案。