强制jquery mouseover不要在超过子节点时触发,只是父节点

Question

我有<a>一个<img>内部,我希望有一些事情发生在悬停在<a>哪个工作,问题是如果我将光标移动到内部的图像,它会再次触发.

有没有办法强制它<a>仅在过度时触发,而不是孩子(小于父亲).

我的js:

$('#logo a').mouseover(function() {
        $(this).addClass('active');
        $('div#header-contact').fadeIn();
    });

Answer 1

问题是mouseover事件冒泡到祖先元素，因此您可以使用不冒泡的mouseenter事件

尝试 mouseenter 事件

$('#logo a').mouseenter(function() {
    $(this).addClass('active');
    $('div#header-contact').fadeIn();
});