Question

我遇到了jQuery问题，我无法解决错误。我怀疑这是媒体冒泡的事情，但我不确定。我已经从foo，plym-flyout更改了mouseout监听器，并且首先......一旦鼠标进入，它们似乎都隐藏了。

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

<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/

事件冒充jQuery的mouseout，过早隐藏

1 个答案: