Question

我有一个div来切换它下面列表的可见性。在那个主div中，我有一个链接打开一个colorbox（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

确保在Colorbox脚本之前需要Jquery Library

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

jQuery切换div与链接到colorbox（灯箱）

2 个答案: