jQuery toggle div与链接到colorbox（lightbox）

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个div来切换它下面的列表的可见性。在该主div中，我有一个链接打开一个colorbox（jquery“lightbox”插件）来添加一个新项目到列表中。jQuery toggle div与链接到colorbox（lightbox）

当然，当我点击链接时，除了切换列表（如其父）之外，它什么都不做。所以我将stopPropagation（）添加到链接中。它确实遵循现在的链接，但它在父窗口而不是在colorbox中打开。

我该如何解决这个问题？谢谢:)

<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(); });

回答：

不知道到底不知道灯箱触发正是但你尝试添加

event.preventDefault（）;

阻止以下链接？

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

回答：

确保您有需要jQuery库彩盒脚本

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

以上是 jQuery toggle div与链接到colorbox（lightbox） 的全部内容， 来源链接： utcz.com/qa/262173.html

回到顶部