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

Question

我遇到了一个 jQuery 问题，我无法解决问题所在。我怀疑这是媒体冒泡的问题，但我不确定。我已经从 foo、plym-flyout 和 first.. 更改了 mouseout 侦听器，一旦鼠标进入，所有这些似乎都隐藏了。

如果我听一个与菜单分开的课程，它就可以正常工作。此外，我不确定某些绝对定位的 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/