Javascript 点击内部div运行fancybox，如何阻止气泡到外部div？

如果单击.a（蓝色区域）然后单击.menu fadein，
但是点击。apic（apic在a中）运行fancybox和菜单而不是fadein

jQuery

$('.apic').fancybox({});
$('.a').not('.apic').click(function(){
    $('.menu').fadeIn();
});

HTML

---

您可以检查用户单击的位置（事件目标）和未单击图像时的淡入淡出，例如：

$('.apic').fancybox({});

$('.a').click(function(e){
    $('.menu').hide(); // This is just to see that it works

    if ($(e.target).is('div')) {
        $('.menu').fadeIn();
    }
})

​

---

请参见操作-

您可以检查用户单击的位置（事件目标）和未单击图像时的淡入淡出，例如：

$('.apic').fancybox({});

$('.a').click(function(e){
    $('.menu').hide(); // This is just to see that it works

    if ($(e.target).is('div')) {
        $('.menu').fadeIn();
    }
})

​

---

请参见操作-

您是否创建了自己的函数

notfadeIn（）

。。。因为这不是有效的jQuery方法。您试图用这样的

notfadeIn

做什么？不，我不知道如何创建函数notfadeIn，很抱歉，请举例说明我试图做什么。我尝试了$（'.apic'）。单击（函数（e）{e.stopPropagation（）}）；但是不工作，fancybox也不工作。您是否创建了自己的函数

notfadeIn（）

。。。因为这不是有效的jQuery方法。您试图用这样的

notfadeIn

做什么？不，我不知道如何创建函数notfadeIn，很抱歉，请举例说明我试图做什么。我尝试了$（'.apic'）。单击（函数（e）{e.stopPropagation（）}）；但是不工作，而且fancybox也不工作。

$('.apic').fancybox({});

$('.a').click(function(e){
    $('.menu').hide(); // This is just to see that it works

    if ($(e.target).is('div')) {
        $('.menu').fadeIn();
    }
})