gpt4 book ai didi

jquery - 单击复选框时阻止 Fancybox 弹出窗口

转载 作者:行者123 更新时间:2023-11-27 23:38:11 24 4
gpt4 key购买 nike

图像中的复选框有问题。点击图像时 fancybox 正常打开。如果我再次单击复选框,fancybox 打开。单击复选框时不应打开它。

HTML代码

<div class="picture"> 
<a href="http://farm1.staticflickr.com/313/19831416459_5ddd26103e_m.jpg" class="fancybox popup_fancy" rel="gallery1" id="fancybox_popup">
<img src="http://farm1.staticflickr.com/313/19831416459_5ddd26103e_m.jpg" alt="">
<div class="img-overlay">
<input type="checkbox" class="img_checkobx" name="imgcheckbox" onclick="checkBox(this);"/>
</div></a> </div>

图像会这样显示

enter image description here

fancybox js这样

$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none'
});

});

防止复选框在点击事件时弹出花式框。谁能建议如何解决这个问题。提前致谢

最佳答案

只需在 上使用 e.stopImmediatePropagation() 停止 eventsiblings传播复选框点击如下:

$('.img_checkobx').click(function(e){
e.stopImmediatePropagation();
});

DEMO HERE

关于jquery - 单击复选框时阻止 Fancybox 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32862127/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com