Javascript / JQuery - 如果窗口大小达到一定大小，则重定向

Javascript / JQuery - redirect on window resize if at certain size

本文关键字：重定向 JQuery 如果 窗口大小 Javascript      更新时间：2023-09-26

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

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

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

是jQuery函数，所以你必须将window包装在一个jQuery对象中，并调用函数：$(window).height()和$(window).width()。另外，你不需要px，因为这些函数只返回一个数字。

$(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在您的问题下的评论中所建议的那样，一定有比这更好的解决方案来解决您的问题。

相关文章：