我有一个<a>
与 <img>
在里面,我希望将鼠标悬停在 <a>
上时发生一些事情这是有效的,问题是如果我将光标移动到内部图像上,它会再次触发。
有没有办法强制它在超过<a>
时触发仅,而不是子级(比父级小)。
我的js:
$('#logo a').mouseover(function() {
$(this).addClass('active');
$('div#header-contact').fadeIn();
});
最佳答案
问题是mouseover事件冒泡到祖先元素,因此您可以使用 mouseenter不冒泡的事件
尝试 mouseenter 事件
$('#logo a').mouseenter(function() {
$(this).addClass('active');
$('div#header-contact').fadeIn();
});
关于jquery - 强制 jquery mouseover 在子级上时不触发,仅在父级上触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21328413/