2017-01-17 14 views
-3

私はこのような何かをしたいされたときに何かを実行します。正確に800ピクセルであるが、幅が正確に800ピクセル

$(window).on('resize', function(event){ 
    var windowWidth = $(window).width(); 
     if(windowWidth = 800){ 
      $('.content').removeClass('invisible'); 
      $('.desktopa').show(); 
      $('.lettera').show(); 
      $('.letterb').hide(); 
      $('.button').text('Menú'); 
      $('.menu').show(); 
     } 
     else{ 
      $('.menu').hide(); 
     } 
}); 
+2

私は、これはCSSルールとeeasierだろう... CSSメディアのための – nicovank

+1

プラス1は – gavgrif

+0

を照会することが正確に指定されたサイズに画面サイズを変更することはほとんど不可能であるかなり確信している - あなたが幅を変更されていると仮定それをドラッグすることによってウィンドウを - これは、ユーザーがそれを小さすぎると言う - 780pxして、逆に行く - 例えば、810px、次に795px、次に802px、そしておそらく800px。このようにすることで、各パスは不正確な範囲内の正しい単一点を持つことになります。つまり、コンテンツ/クラスが混乱して一点で発砲し、他のすべてのサイズで元に戻って混乱を招くことになります。十分に近い値を可能にするのに十分広い範囲にすることを提案するでしょう。 – gavgrif

答えて

1

windowWidth = 800を動作しませんがwindowWidth変数に800の値を代入したとき。

比較のためにdouble(==、loose equality)またはtriple equals(===、厳密な等価)を使用する必要があります。 Comparison OperatorsのMDNを参照してください。

$(window).on('resize', function(event){ 
    var windowWidth = $(window).width(); 
     if(windowWidth === 800){ 
      $('.content').removeClass('invisible'); 
      $('.desktopa').show(); 
      $('.lettera').show(); 
      $('.letterb').hide(); 
      $('.button').text('Menú'); 
      $('.menu').show(); 
     } 
     else{ 
      $('.menu').hide(); 
     } 
}); 
+0

私は何を求めているのですか?私は800pxの幅をブレークポイントとして使用し、そのポイントで条件を発生させたいのですが –

+0

これはうまくいくはずです..ウィンドウが_EXACTLY_800ワイドの場合、 .. else(別名、他のすべてのtimes_)他のことをやってください – haxxxton

+0

またはページが800以上の間でページが変わったときにのみ起こるように頼んでいますか? – haxxxton

関連する問題