jQuery:如果我没有 mouseleave 函数怎么办？

Question

我在网站上使用 Drupal，并且只能使用 jQuery 1.2.7(不是最新版本)。

我想要淡入/淡出 div 元素，并且我正在使用鼠标悬停/鼠标悬停功能。

但是，该元素包含一些子元素，当我将鼠标移到其上时，会触发 mouseout 函数，因为我正在其子元素之一上移动。

由于我没有mouseleave功能，如何解决这个问题？

谢谢

更新:

<div id="parent">
  <p> blabla </p>
  <div><a> blabla </a>
  <p> blabla </p>
</div>

Answer 1

您可以测试哪个元素是target ，并根据该元素是什么进行操作。在下面的示例中，跨度是 anchor 的子级，但如果将鼠标悬停在跨度上，则会触发第二个警报。

<a href="#">Blah blah <span>hehehhehe</span></a>​

$("a").mouseover(function(e) {
    if(e.target == this) {
        alert('mouseover is on the anchor, do something special');   
    } else {
        alert('got a ' + e.target.tagName + ' and not a ' + this.tagName);
    }
});​

在这里试试:http://jsfiddle.net/ss2F2/1/