jquery問題，禁用鼠標輸入隊列

Question

當你mouseenter.li_group類對1個單一<li>標記執行下滑效果時，一切都會順利進行，但在延遲期間，如果你將鼠標關閉並在.li_group上，它會「排隊」效果和幻燈片下來，延遲，再次滑落下來等等等等......我嘗試了我能想到的所有方式，甚至停止（）;但它仍然是...

我使用的mouseenter代替懸停的原因，是因爲它適用於UL /李名單

$(".li_group").live('mouseenter',function(){ 
     var id = "#ec1"; 
     $(id).slideDown();        
    }).live('mouseleave',function(){ 
    if (jQuery.support.cssFloat==true || getInternetExplorerVersion() > 7) {  //ie < 8 endless up/down on close 
     var id = "#ec1"; 
     $(id).delay(5000).slideUp('fast'); 
     } 
    }); 

Answer 1

當你使用.stop()你也很清楚的隊列，並更好地跳結束？例如，

$(".li_group") 
    .live('mouseenter',function(){ 
     var id = "#ec1"; 
     $(id).stop(true, true).slideDown();        
    }) 
    .live('mouseleave',function(){ 
     //ie < 8 endless up/down on close 
     if (jQuery.support.cssFloat==true || getInternetExplorerVersion() > 7) {  
      var id = "#ec1"; 
      $(id).stop(true, true).slideUp('fast'); 
     } 
    }); 

我已經採取了delay(5000)呼叫離開那裏，因爲我認爲這是放在防止你得到的問題。我還建議在選擇器中也使用標籤名稱，以幫助那些沒有document.getElementsByClassName()