Question

我正在开发一个项目，我正在使用bootstrap。我将onClick的默认行为更改为hover，大于600且等于600大小（即＆gt; = 600屏幕大小）我想执行if主体。在不到600尺寸的屏幕上，我不希望执行该代码。但是如果正在执行body，那么在不到600的屏幕尺寸上也不会执行其他部分（默认情况下是在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
    });

条件JavaScript不起作用

1 个答案: