有條件的JavaScript不起作用

Question

我正在開發一個項目，我正在使用bootstrap。我將onClick的默認行爲更改爲hover，高於600且等於600大小（即大於等於600屏幕大小），我想執行if主體。在不到600尺寸的屏幕上，我不希望代碼被執行。但是，如果body執行了else部分（這是缺省的單擊bootstrap方法），則不會執行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 
    });