Jquery：クリックでクラスを切り替えますが、スクリーンサイズにもよります

Question

この問題については、CSSクラスをjqueryを使用してdiv要素をクリックして切り替えることをお勧めしますどのようにして問題なく処理するのかを指定するだけでなく、特定の画面サイズ、この場合は800pxの下でのみ有効にすることもできます。私はJSにあまり慣れていないので、非常に単純な解決策があれば驚くことはありませんが、私はグーグルを見つけられませんでした。どんな助けでもいつものように高く評価されています:)

乾杯！

のjQuery：

jQuery('.div').click(function() { 
    $('.nav').toggleClass('fixed'); 
}); 

のCss：ここ

.fixed{ position:fixed;} 

Answer 1

あなたはjqueryの
を使用して、ウィンドウの幅を取得するために必要なものであるので、あなたが$（ウィンドウ）.widthを（使用して、ウィンドウの幅を取得します）機能

jQuery('.div').click(function() { 
    if(jQuery(window).width() < 800) { 
    $('.nav').toggleClass('fixed'); 
    } 
});