jQuery的响应悬停，然后单击SWTICH

Question

如何切换hover和click当窗口大小变化

function checkWidth() { 
var windowsize = $window.width(); 
    if (windowsize > 480) { 
     $('#clickPoint').on('click', function(){ 
     ......//code 
     }); 
    }else { 
     $('#clickPoint').on('hover',function(){ 
     ......//code   
     }); 
    } 
}(); 

$(window).resize(checkWidth); 

但是我发现悬停总是对的，所以我不得不改变，以这种方式

var windowsize = $window.width(); 
     if (windowsize > 480) { 
      $('#clickPoint').on('click', function(){ 
      ......//code 
      }); 
     }else { 
      $('#clickPoint').off('click', function(){ 
      ......//code 
      }); 
      $('#clickPoint').on('hover',function(){ 
      ......//code   
      }); 
     } 
    }(); 

但仍然无法正常工作，如果有人有更好的解决方案？谢谢

Answer 1

仔细看看$window.width()。我怀疑这一点。尝试将其更改为$(window).width()。更改您在顶部提供的代码。因为底部的代码看起来很乱。

此外，请确保使用警报或日志检查窗口宽度。只是为了确保if语句正常工作。

Answer 2

尝试像这样

 var permit=2; 
     $('#clickPoint').on('click', function(){ 
      if(permit==0) 
      { 
     ......//code 
      } 
     }); 
      $('#clickPoint').on('hover',function(){ 
      if(permit==1) 
      { 
     ......//code   
      } 
     }); 
function checkWidth() { 
var windowsize = $(window).width(); 
    if (windowsize > 480) { 
     permit=0; 

    }else { 
     permit=1; 
    } 
} 

$(window).resize(checkWidth);