Question

我读过15个关于它的主题。最后我转过身来，但是......看看代码。

    $("#top_menu .top_menu_elements>ul>li")
    .mouseenter(function(){
        $(this).find(".moreMenu").stop(true,true).show(250);
    })
    .mouseleave(function(){
        $(this).find(".moreMenu").stop(true,true).hide(250);
    });

HTML：

<div id="top_menu">
    <div class="top_menu_elements">
    <ul>
        <li><a href="#" title="Site1">Site1</a></li>
        <li>
            <a href="#" title="Site2">Site2</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
        <li>
            <a href="#" title="Site3">Site3</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
    </ul>
    </div>
</div>

而且......工作正常。但是尝试输入不同的持续时间，如show（250）hide（50）。当你在这个菜单上冲一下鼠标时，它会发疯。我已经尝试了回调，有队列和出队的东西，也有停止。似乎没有任何帮助 - 出错了。它应该在不同的时间工作，但事实并非如此。有什么想法吗？

Answer 1

您的代码似乎工作正常。

看这里：http://jsfiddle.net/maniator/3vcpE/

jQuery动画菜单队列问题

1 个答案: