javascript - jquery 在 li 之间导航时为 ul 触发鼠标

Question

我有一个包含列表的 html 页面

<ul id="mylist">
  <li><a href="#">item 1</a></li>
  <li><a href="#">item 2</a></li>
</ul>

然后一些 jquery 代码在鼠标离开列表时触发事件

$('#mylist').mouseout(function(evt) {
    $(this).fadeOut('fast');
});

问题是，当我在 item1 和 item2 之间移动鼠标时(垂直从 item1 开始向下移动到 item2)，鼠标移开触发(并且 $this 引用 ul)。为什么 ul 会触发一个事件，即使我认为我没有离开列表？

Answer 1

也许你会想要使用 mouseenter/mouseleave而不是鼠标悬停/鼠标移出。