如何在窗口resize时取消绑定/关闭jQuery事件

我试图在窗口> 490时删除jquery事件。 但是，当窗口小于490px时，unblind（）或off（）元素不会停用激活的操作。 为什么是这样？ 有没有人知道任何选择返回其原始状态的方法？

$(document).ready(function(){ $(window).resize(function(){ if ($(window).width()=490) { $("#shown").unbind(); $("body div hidden").unbind(); } }); });  

Answer 1

以下是您可以实现所需的方法，以下代码将根据屏幕大小解除隐藏事件的绑定。

 $(document).ready(function() { var eventPresent = false; $(window).resize(function() { console.log("current width : ", $(window).width()); if ($(window).width()<490 && eventPresent == false) { $("#shown").unbind().click(function(event) { event.preventDefault(); $("#divText").toggle('hide'); }); eventPresent = true; } else if ($(window).width()>=490 && eventPresent == true) { $("#shown").unbind(); $("#divText").show() eventPresent = false; } }); }); 

   click me to hide text 
 You can not toggle me if screen is more than 490 px wide