Jquery窗口調整大小和點擊事件

Question

我正在嘗試使響應web，但我有調整寡婦寬度的麻煩。 當窗口寬度小於885時，第一個代碼如果工作正常，但是當窗口寬度大於885時，它有一個問題,,,,即使我阻止點擊事件（關閉），當我嘗試調整大小再次，在控制檯仍然有「無」和「塊」也點擊事件發生和'.common-a'被點擊有{不透明度：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