事件冒泡与jQuery的mouseout，过早隐藏

Question

我遇到了一个 jQuery 问题，我不知道出了什么问题。我怀疑这是媒体冒泡的问题，但我不确定。我已将 mouseout 侦听器从 foo、plym-flyout 和 first.. 更改为鼠标进入后立即隐藏。

如果我听一个与菜单分开的课程，它就可以正常工作。另外我不确定某些绝对定位的 CSS 是否与此有关。

有什么想法吗？ http://jsfiddle.net/vrCKU/

<ul class="plym-flyout" style="display: none;">
    <ul class="foo">
        <li class="first"><a href="">My Entries</a></li>
        <li><a href="">I'm Watching</a></li>
        <li><a href="">Leaderboard</a></li>
        <li><a href="">My Tickets</a></li>
        <li><a href="">My Account</a></li>
        <li class="last"><a href="">Refer Friends</a></li>
    </ul>
    <ul class="plym-dropShadow"></ul>
</ul>

-- JS--

$(".hdr-user").click(function () {
    $(".plym-flyout").toggle();
});

$(".foo").mouseout(function () {
    $(".plym-flyout").hide();
});

Answer 1

使用mouseleave 代替mouseout：

http://jsfiddle.net/txA8r/

http://api.jquery.com/mouseleave/

http://api.jquery.com/mouseout/