jQuery动画菜单队列问题

我读过15个关于它的主题。最后我把我自己的事情，但..看看代码。jQuery动画菜单队列问题

$("#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）。当你在这个菜单上拉一下鼠标时，它会变得疯狂。我已经尝试过回调，队列和出队的事情，也停止。似乎没有任何帮助 - 某事出错了。它应该在不同的时间工作，但事实并非如此。有任何想法吗？

来源

2011-03-28 elon

是什么问题？ – Neal 2011-03-28 18:05:23

你的代码似乎工作正常。

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

来源

2011-03-28 18:06:22 Neal

我想我应该说“对不起”，并添加“但它不工作”:) 这是一个艰难的一天..即使有不同的持续时间，它工作正常.. 所以，无论如何，也许这个解决方案将帮助任何人。对不起 – elon 2011-03-28 23:08:47

@elon它好吧，它发生在我们最好的^ _ ^ – Neal 2011-03-29 16:48:15

jQuery动画菜单队列问题

回答

相关问题