Как отключить/отключить событие jQuery при изменении окна

Question

Я пытаюсь удалить событие jquery, когда окно получает> 490. Однако элементы unblind() или off() не деактивируют действие, активируемое, когда окно становится меньше 490 пикселей. Почему это? Кто-нибудь знает какой-либо метод, чтобы вернуть выбор в исходное состояние?

$(document).ready(function(){ 

    $(window).resize(function(){ 
    if ($(window).width()<490) { 
    $("#shown").unbind().click(function(){ 
     event.preventDefault(); 
     $("body div hidden").toggle('slow'); 
    }); 
    } 

    else if ($(window).widht()>=490) { 
     $("#shown").unbind(); 
     $("body div hidden").unbind(); 
    } 
    }); 
}); 

</script> 

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;  
 
} 
 
    }); 
 
}); 
 

 

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 

 
<a id="shown">click me to hide text</a> 
 
    
 
<div id="divText"> 
 
       
 
You can not toggle me if screen is more than 490 px wide 
 
      
 
</div> 
 

P.S Выполните фрагмент в режиме полной страницы.