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動畫菜單隊列問題

回答

相關問題