addClass et removeClass problème

Question

J'essaie d'obtenir une visionneuse jQuery, Yoxview, pour l'intégrer à une galerie d'images Coverflow appelée Contentflow. Mon problème est que je veux seulement que la visionneuse Yoxview s'ouvre quand l'image de flux de contenu est dans l'état centré actif. Cela permet de cliquer sur les images latérales pour les faire passer dans la position centrale active, donc je ne veux pas que toutes les images s'ouvrent dans la lightbox, seulement l'image active.

est ici le code que je suis en train d'utiliser:

new ContentFlowAddOn ('yoxview', { 
ContentFlowConf: { 
    onclickActiveItem: function (item) { 
     $('.active').removeClass("yoxview").addClass("yoxview"); 
     $(".yoxview").yoxview(); 
    }, 
    onclickInactiveItem: function (item) { 
    $('.active').removeClass("yoxview"); 
     $('a').click(function (e) { 
    e.preventDefault(); 
}); 

     } 
} 
}); 

Le code HTML est:

<a class="item" href="pics/pic0.png"><img class="content" src="pics/pic5.png" alt="First" title="The first image" /></a> 

Il fonctionne bien d'abord, si vous cliquez sur les images non actives déplacer l'image au centre et un clic sur l'image centrale active s'ouvre dans la lightbox correctement, mais après avoir cliqué une fois sur chaque image, toutes les images s'ouvriront dans la lightbox. Il semble que removeClass ne se passe pas. Toute aide serait appréciée.

Answer 1

Est-il intentionnel de supprimer uniquement la classe des éléments actifs? Vous pouvez trouver que l'élément actif a été défini sur inactif avant que ce code est appelé. Si vous souhaitez réinitialiser tous les autres éléments, vous pouvez utiliser

$(".yoxview").removeClass(".yoxview"); 

Aussi ne sais pas si nécessaire que la classe est de toute façon - Avez-vous essayé

$(".active").yoxview();