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，因为这些功能return only a 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 suggested，您的问题必须有一个更好的解决方案。

Javascript / JQuery - 如果在特定大小，窗口重定向调整大小

1 个答案: