Условный JavaScript не работает

Question

Я работаю над проектом, и я использую bootstrap. Я изменил поведение по умолчанию onClick на hover, выше 600 и равное 600 размеру (i.e> = 600 screenize) Я хочу выполнить тело 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 
    });