1

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();
});
4

1 に答える 1

2

mouseleaveの代わりに使用mouseout:

http://jsfiddle.net/txA8r/

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

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

于 2012-07-26T22:42:55.370 に答える