javascript - 条件 JavaScript 不起作用

Question

我正在开发一个项目，并且正在使用 bootstrap。我将 onClick 的默认行为更改为 hover，在 600 以上且等于 600 尺寸(即 >= 600 屏幕尺寸)时，我想执行 if 主体。在小于 600 尺寸的屏幕上，我不希望执行该代码。但在小于 600 的屏幕尺寸上，如果执行 body，则其他部分(默认情况下在 bootstrap 的 click 方法上)不会执行。

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
    });