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,因为这些函数只返回一个数字.

$(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在你的问题评论中所建议的那样,你的问题必须有一个比这更好的解决方案.