jquery animate（いくつかの要素）キュー

Question

私はいくつかの要素がアニメーション化されています。サブメニューをすばやく前後に移動すると、キューがあり、最悪の場合、機能が壊れているようです。私はすでに試しましたstop()、delay()、:animatedです。

あなたはそれを実現するために何をお勧めしますか？

jQuery('.submenu').hover(
    function(){ 
    jQuery(this).find('.ico').delay(100).animate({ 
     height: 24 
     }, 'fast', function() { 
      jQuery(this).parents('.submenu').find('ul').animate({ 
       height: 'toggle' 
       }, 'slow', function() { 
      }); 
    }); 

}, 
function(){ 
    jQuery(this).find('ul').delay(100).animate({ 
     height: 'toggle' 
     }, 'fast', function() { 
      jQuery(this).parent().find('a.submenuItem .ico').animate({ 
       height: 18 
       }, 'fast', function() { 
       }); 
    }); 
}); 

HTML

<li class="submenu"><a href="" class="submenuItem">About<span class="ico">more</span></a> 
      <ul> 
       <li><a href="#">Corporate</a></li> 
       <li><a href="#">Facts</a></li> 
       <li><a href="#">Press</a></li> 
       <li><a href="#">Franchising</a></li> 
       <li><a href="#">Sponsoring</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </li> 

Answer 1

あなたは.clearQueue（）メソッドを試したことがありますか？

clearQueue() documentation

Answer 2

この質問は本当に解決されることはありません。ですから、その間に私はプラグインとしていくつかのスクリプトを使いました。これが助けになりました。今はアニメーションがはるかに良くなっており、時間がかからないようです。余分なスクリプトはhoverIntentです：

https://github.com/diaspora/jquery-debounce

上記のようにあなたも）.clearQueue（に基づいて独自のソリューションを書くことができます。http://cherne.net/brian/resources/jquery.hoverIntent.html

Answer 3

jQueryのデバウンサはそれをすべて行います。