Question

我正在尝试制作响应式网络，但我在调整寡妇宽度方面遇到了麻烦。当窗口宽度小于885时，第一个中的代码工作正常，但是当窗口宽度大于885时，它有一个问题,,,, 即使我阻止点击事件（关闭），当我尝试再次调整大小时，在控制台中仍然有＆＃34;无＆＃34;和＆＃34;阻止＆＃34;也点击事件发生了＆＃39; .common-a＆＃39;点击它有{不透明度：0;}。

下面是我的代码。

var $window=$(window);    
    function intoTablet(){    
        var width=$window.width();    
        if(width<=885){    
            $('#wrapping .hidden-gnb .common-ul >li').on('click',function(ee){    
                $(this).siblings().children('.hover-ul-inner').css('display','none');    
                $(this).siblings().children('.common-a').css({'opacity':1});    
                console.log("none");    
                $(this).children('.hover-ul-inner').css('display','table');    
                $(this).children('.common-a').css({'opacity':0});    
                console.log("block");    
            });    
        }    
        if(width>885){    
            $('#wrapping .hidden-gnb .common-ul >li').off('click',function(ee){    
                $(this).siblings().children('.hover-ul-inner').css('display','none');    
                $(this).siblings().children('.common-a').css({'opacity':1});    
                console.log("none");    
                $(this).children('.hover-ul-inner').css('display','table');    
                $(this).children('.common-a').css({'opacity':0});    
                console.log("block");    
            });    
        }    
    }    
    intoTablet();    
    $window.on('resize',function(){    
        intoTablet();    
        console.log("resizing");    
    });

Answer 1

使用没有回调函数的函数，如

  $('#wrapping .hidden-gnb .common-ul >li').off('click');

您可以在.css功能中添加.off()功能并设置不透明度

  if(width>885){    
     $('#wrapping .hidden-gnb .common-ul >li').off('click');    
     $(this).children('.common-a').css({'opacity':0});
  }

Fiddle demo

Jquery窗口调整大小并单击事件

1 个答案: