Javascript/JQuery - 特定のサイズでウィンドウのリダイレクトを行う

Question

ユーザーが特定のしきい値を満たすように画面のサイズを変更したときにリダイレクトするスクリプトを作成しようとしています。

$(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の関数であり、次のように私はjQueryのウィンドウのリサイズ機能と私が書いたコードを使用してい

ですその上：$(window).height()および$(window).width()。また、これらの機能はreturn only a numberのため、pxは必要ありません。

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

変数に変数を保存して、2回クエリする必要がないようにすることができます。あなたの質問の下のコメントで@tdammers suggestedよう

$(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"; 
    } 
}); 

、これよりもあなたの問題へのよりよい解決策がなければなりません。