jQuery div with toggle to lightbox（ライトボックス）

Question

divの下にリストの表示を切り替えます。メインのdiv内には、リストに新しい項目を追加するためのカラーボックス（jquery "lightbox"プラグイン）を開くリンクがあります。

もちろん、私がリンクをクリックすると、リストを切り替えるだけで（親のように）何もしません。そこで、リンクにstopPropagation（）を追加しました。今すぐリンクに従いますが、カラーボックスではなく親ウィンドウで開きます。

これを修正するにはどうすればよいですか？ ）（正確にライトボックスのトリガーが正確に何を知らなくても、あなた:)わから

<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

ないありがとうございましたが、あなたは

event.preventDefaultを追加しようとしています。

リンクの以下を防ぐには？

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

Answer 2

あなたは何も作業を行いカラーボックススクリプト

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