So lösen Sie das jQuery-Ereignis, wenn die Fenstergröße geändert wird

Question

Ich versuche ein jquery-Ereignis zu löschen, wenn das Fenster> 490 wird. Die Elemente unblind() oder off() deaktivieren jedoch nicht die Aktion, die aktiviert wird, wenn das Fenster kleiner als 490px wird. Warum ist das? Kennt jemand eine Methode, um eine Auswahl in den ursprünglichen Zustand zurück zu versetzen?

$(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

Hier ist, wie Sie erreichen können Sie die gewünschte, der Code unten wird das Fell Ereignis unbind basierend auf der Bildschirmgröße.

$(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 Führen Sie den Code-Schnipsel in voller Seitenmodus.