2016-08-19 7 views
0

こんにちは私は1199pxと700pxの間でのみ動作したいjQuery関数を持っています。これは可能ですか?私は次のコードを見つけた、それは機能するので、それは機能がキックが1199pxをヒットするが、私はどのように700pxで機能するように機能するのですか?特定のブラウザの幅の間でjQuery関数を実行することは可能ですか?

function checkWidth() { 
    if (jQuery(window).width() < 1199) { 
     //do something 
    } else { 

    } 
}; 
checkWidth(); 

ありがとう!

また
+0

if文に '&& jQuery(window).width()> 700'を追加しようとしましたか? – cakan

+0

質問すると、ウィンドウのサイズを変更するとどうなりますか?または、デスクトップ上で最小化されたウィンドウから始め、それをフルスクリーンに最大化するよりも、私はあなたがしたいことのための良いusecaseを見ていないので、尋ねているだけです! – eisbehr

+0

@eisbehrこれはモバイルデバイスをターゲットにすることです。基本的にすべてのタブレットをカバーするには1199pxから、基本的にすべてのモバイルデバイスをカバーするには700pxから始めました。ノートパソコンは一般的に1199pxより小さくはありません。基本的に私のページがタブレットにのみロードされていれば、その機能は動作します。あなたが1500pxから始めて1199pxに縮小すればうまくいきませんが、本当に心配していません。 –

答えて

2
function checkWidth() { 
    if (jQuery(window).width() < 1199 && jQuery(window).width() > 700) { 
     //do something 
    } else { 

    } 
}; 
checkWidth(); 

:あなたはその倍を呼び出す必要はありませんので、

私は、変数としての幅を格納します。

function checkWidth() { 
    var windowWidth = jQuery(window).width(); 
    if (windowWidth < 1199 && windowWidth > 700) { 
     //do something 
    } else { 

    } 
}; 
checkWidth(); 
+0

これはありがとう! –

1

これを試してみてください:

function checkWidth() { 
    var width = jQuery(window).width(); 
    if (width >= 700 && width < 1199) { 
     /* do something */ 
    } 
}; 
checkWidth(); 
+0

これは完璧に動作します! –

+0

残念ながら私は1つの答えしか受け入れることができません。 –

0

あなたはこのようand logical operatorを使用して条件を組み合わせることができます:関数内

if (jQuery(window).width() < 1199 && jQuery(window).width() > 699) { 
+0

これも同様に働いたが、私はあなたにupvoteを与えた、ありがとう!残念ながら私は1つの答えしか受け入れることができません。私はあなたにupvoteを与えた –

0

のではなく、チェック、

function checkWidth() { 

      /* do something */ 

     } 


    var width=jQuery(window).width(); 
    if(width<1199 && width>700){ 
    checkWidth(); 
    } 
関数を呼び出す前にそれをチェック
0

あなたifに2番目の条件を追加する必要があります。

if ($(window).width() < 1199 && 
    $(window).width() >= 700) 
関連する問題