如果点击.a(bluearea)然后.menu淡入,我该如何制作,
但是点击.apic(apic在a里面)运行fancybox并且菜单没有淡入?
jQuery
$('.apic').fancybox({});
$('.a').not('.apic').click(function(){
$('.menu').fadeIn();
});
HTML
<div class="a">
<a class="apic" rel="gallery" href="http://fancyapps.com/fancybox/demo/1_b.jpg">
<img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/>
</a>
</div>
<div class="menu">menu</div>
CSS
.menu{
display: none;
}
.a{
background: blue;
}
最佳答案
您可以检查用户点击的位置(事件目标)并在未点击图像时淡入淡出,例如:
$('.apic').fancybox({});
$('.a').click(function(e){
$('.menu').hide(); // This is just to see that it works
if ($(e.target).is('div')) {
$('.menu').fadeIn();
}
})
查看实际操作 - http://jsfiddle.net/Qeay5/
关于javascript - 点击内层div运行fancybox,如何阻止外层div冒泡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13096706/