jQuery toggle div avec lien vers colorbox (lightbox)

Question

J'ai un div qui active la visibilité de la liste en dessous. Dans ce div principal, j'ai un lien qui ouvre une boîte de couleur (jquery "lightbox" plugin) pour ajouter un nouvel élément à la liste.

Bien sûr, lorsque je clique sur le lien, il ne fait rien d'autre que basculer la liste (comme son parent). J'ai donc ajouté stopPropagation() au lien. Il suit le lien maintenant, mais il s'ouvre dans la fenêtre parente plutôt que dans la palette de couleurs.

Comment résoudre ce problème? Merci :)

<div class="list"> 
<div class="listname"> 
My List Name 
<a href="my_link.html" class="colorbox">Add Item</a> 
</div> 
<div class="items"> 
My Items 
</div> 
</div> 

$(".listname").toggle(
function(){ 
    $(this).siblings(".items").slideDown(100); 
    return false; 
}, 
function(){ 
    $(this).siblings(".items").slideUp(100); 
    return false; 
} 
); 

$(".listname a").click(function(e){ e.stopPropagation(); }); 

Answer 1

Je ne sais pas exactement, sans savoir exactement ce que le déclencheur est lightbox mais avez-vous essayé d'ajouter

event.preventDefault();

pour empêcher la suite du lien?

$(".listname a").click(function(e){ 
    e.stopPropagation(); 
e.preventDefault(); 
}); 

Answer 2

Vérifiez que vous avez besoin Jquery bibliothèque avant le script Colorbox

<script src="/js/jquery.js" type="text/javascript"> 
<script> 
jQuery('a.colorbox').colorbox(); 
</script>