jquery - ビューポートのサイズに応じてjqueryを無効にする方法

Question

.animate() を使用して Web ページにスライドするナビゲーション メニューがあります。ブラウザのサイズが 1000px を下回るまでは見栄えがします。ビューポートが 1000px より小さい場合、作成した関数を使用しないように jquery に指示する方法はありますか?

Answer 1

CSSでjQueryを非アクティブ化できるとは思いませんが、アニメーション化する前にそれを行うことができます:

if($(window).width() > 1000) {
    //animate
}

Answer 2

そのための優れた小さな解決策があるかどうかはわかりませんが、ウィンドウの幅が 1000px より大きいかどうかを確認し、スクリプトをロードすることができます。

if($(window).width() > 1000) {
    $.getScript // http://api.jquery.com/jQuery.getScript/
}