特定の画面幅でjQuery関数を無効にする

Question

jQueryコードをしばらく使っていましたが、私が望むように動作させることはできません。基本的には、768pxの画面幅の下でこのjQueryコードを完全に無効にします。私はのようなカップルの事を試してみた

$(document).ready(function() { 
    $(".resp-menu-btn").click(function() { 

     if ($('.resp-menu-btn').is(':animated')) { 
      return; 
     } 

     if ($('.site-nav').css('display') == 'none') { 
      $().stop().slideToggle({ "display": "block"}, 600); 
      $('.site-nav ').stop().slideToggle(600); 
     } 

     else { 
      $().animate({"display": "none"}, 600); 
      $('.site-nav').slideToggle(600); 
     } 

    }); 
}); 

：

if(window.innerWidth < 768px) return true; 
else return false; 

と

if ($(window).width() > 768) { 
myCode 
} 

が、何も動いていないようにみえ

は、ここでは、コードです。

あなたが私に探している結果を達成するためのヒントを教えてもらえますか？どうもありがとう！

Answer 1

「px」を除いた文を試しましたか？つまり、そのように使うべきです。

if(window.innerWidth() < 768) return true; else return false; 

window.innerWidthプロパティは読み取り専用です。

Answer 2

私はなぜこれをやりたいのか分かりませんが、768pxの後にボタン要素のクリックイベントをアンバインドできます。

他の機能をこの要素にバインドする場合は、clickイベントの別の機能にバインドすることができます。