条件付きのJavaScriptが動作しません。

Question

私はプロジェクトに取り組んでおり、私はブートストラップを使用しています。 onClickのデフォルトの動作をhoverに変更しました.600を超えると600以上のサイズになりました（つまり600スクリーン・サイズ以上）。私はif本体を実行します。そして、スクリーンのサイズが600より小さくても、私はそのコードを実行したくありません。本体が実行された場合は600以下の画面サイズで、他の部分は（デフォルトではブートストラップのクリック方法で）実行されません。

if (screen.width >= 600) { 

    $(function(){ 
     $('ul.nav li.dropdown').hover(function(){ 
      $('.dropdown-menu', this).fadeIn(); 
     },function(){ 
      $('.dropdown-menu', this).fadeOut('fast'); 
     }); 
    }); 
} 

Answer 1

説明が明確ではないので、説明

 function sizeFunc(){ 
     var screenWidth = $(window).width(); 
     $('ul.nav li.dropdown').hover(function(){ 
      if(screenWidth >= 600){ 
      $('.dropdown-menu', this).fadeIn(); 
      } 
     },function(){ 
      if(screenWidth < 600){ 
      $('.dropdown-menu', this).fadeOut('fast'); 
      } 
     }); 
     } 
    $(function(){ 
     sizeFunc();//on begin 
     $(window).on("resize",sizeFunc);//on every window size change 
    });