[英]Click inner div run fancybox, how to stop bubble to outer div?
How can I make if click .a(bluearea) then .menu fadein, 如果单击.a(bluearea),然后单击.menu fadein,该怎么办?
but click .apic(apic is inside a) run fancybox and menu not fadein? 但是单击.apic(apic在a里面)运行fancybox并且菜单不淡入吗?
http://jsfiddle.net/e5Tdv/12/ http://jsfiddle.net/e5Tdv/12/
jQuery jQuery的
$('.apic').fancybox({});
$('.a').not('.apic').click(function(){
$('.menu').fadeIn();
});
HTML 的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 的CSS
.menu{
display: none;
}
.a{
background: blue;
}
You can check where user clicked (event target) and fade when not clicked on image, for example: 您可以检查用户单击的位置(事件目标)并在未单击图像时淡出,例如:
$('.apic').fancybox({});
$('.a').click(function(e){
$('.menu').hide(); // This is just to see that it works
if ($(e.target).is('div')) {
$('.menu').fadeIn();
}
})
See in action - http://jsfiddle.net/Qeay5/ 实际操作中-http://jsfiddle.net/Qeay5/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.