Ajouter une classe à div lorsque dans la fenêtre d'affichage
Je veux ajouter une classe à un élément de menu lorsqu'un autre div pénètre dans la fenêtre d'affichage.
J'ai répliqué à l'alerte trouvé ici: http://jsfiddle.net/blowsie/M2RzU/ Cependant, lorsque j'essaie de le modifier à partir d'une alerte à une addClass ou toggleClass il se casse. C'est mon code:
$('#portfolio').bind('inview', function (event, visible) {
if (visible == true) {
//element is now visible in the viewport
$( "#menu-item-portfolio" ).addClass( ".active-area" );
} else {
//element has gone out of viewport
}
});`
Je veux ajouter .active de la zone à #menu-item-portefeuille lorsque #portefeuille entre dans la fenêtre d'affichage, puis le retirer lors de la #portefeuille feuilles de la fenêtre d'affichage.
- à l'élément que vous voulez ajouter et de supprimer la classe.
- Je tiens à ajouter .active de la zone à #menu-item-portefeuille lorsque #portefeuille entre dans la fenêtre d'affichage, puis le retirer lors de la #portefeuille feuilles de la fenêtre d'affichage.
InformationsquelleAutor Daniel | 2014-01-19
Vous devez vous connecter pour publier un commentaire.
J'ai trouvé la solution. Il y avait une erreur dans le code. Au lieu de
.addClass(".active-zone")
il devrait être
.addClass("active zone")
essayer cette
Démo
http://jsfiddle.net/M2RzU/24/
Vous devez déclencher l'événement
inview
sur le document de prêt.Travail De Violon
Afficher les modifications dans la console dans le violon.