Fond ne changeant pas en rouge

Question

http://removed.com/jquery/# Première lecture avec jQuery, et déjà bloqué. Je m'attends à ce que l'arrière-plan devienne rouge en vol stationnaire, mais ce n'est pas pour quelque raison que ce soit. Quelqu'un peut-il me donner un coup de main? Merci!

Answer 1

Essayez de déplacer le code jQuery pour div.sidenavOff à l'intérieur du ready défintion, comme si

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").click(function(event){ 
      alert("Thanks for visiting!"); 
     }); 
     $("div.sidenavOff").mouseover(function(){ 
      $(this).removeClass().addClass("sidenavOver"); 
     }).mouseout(function(){ 
      $(this).removeClass().addClass("sidenavOff");  
     }); 
    }); 

</script> 

Answer 2

Vous devez placer les appels à .mouseover et .mouseout dans votre bloc $(document).ready(function() {.... Comme vous l'avez, lorsque le sélecteur $("div.sidenavOff") est appelé, ces éléments n'existent pas encore et aucun gestionnaire n'est attaché. Les déplacer dans document.ready les appellera après le chargement des éléments.

Answer 3

vous pouvez également faire grincer comme

$(document).ready(function(){ 
    $("div.sidenavOff").mouseover(
    function(){ 
     $(this).toggleClass("sidenavOver").toggleClass("sidenavOff",true); 
    } 
    ) 
} 
) 

il a les mêmes fonctionnalités que l'exemple de Jonathan, mais il est moins de code à écrire :)