Jquery無限キュー

Question

私はjQueryに少し新しく、このインスタンスではキューの設定に問題があります。

私はこれをやろうとしています。マウスオーバーすると、最初のキューエントリがトリガーされます。次には、別のマウスオーバーが次のキューエントリを開始するまでを待ちます。キューを無期限に循環させます。

$("#header").mouseover(function() { 
    var $shineCopy = $("#shine111").clone(); 
    $shineCopy.appendTo('body').animate({ 
     width: "300px", 
     height: "300px", 
     opacity: 0, 
     "left": 0, 
     "top": 100 
    }, 1000, function() { 
     $(this).remove(); 
    }); 
    $shineCopy.appendTo('body').rotate({animateTo:180}) 
}); 
​ 
$("#header").mouseover(function() { 
    var $shineCopy = $("#shine222").clone(); 
    $shineCopy.appendTo('body').animate({ 
     width: "300px", 
     height: "300px", 
     opacity: 0, 
     "left": 0, 
     "top": 200 
    }, 1000, function() { 
     $(this).remove(); 
    }); 
    $shineCopy.appendTo('body').rotate({animateTo:180}) 
}); 

$("#header").mouseover(function() { 
    var $shineCopy = $("#shine222").clone(); 
    $shineCopy.appendTo('body').animate({ 
     width: "300px", 
     height: "300px", 
     opacity: 0, 
     "left": 0, 
     "top": 300 
    }, 1000, function() { 
     $(this).remove(); 
    }); 
    $shineCopy.appendTo('body').rotate({animateTo:180}) 
}); 

Answer 1

フェリックスのjQuery Function Toggle Pluginのおかげで、これはケーキでした！

jsFiddleを更新して結果を表示します。
http://jsfiddle.net/Wuq6M/

Answer 2

http://jsfiddle.net/fChDX/

は、別々に定義された3つの機能を持っているページレベルで定義されたJavaScriptカウンタ変数を持っており、あなたのmouseoverイベントカウンタ二変数を更新し、それに基づいて呼び出すように機能するかを決めるの両方を持っています。前の関数が実行されている間に次の関数を起動しないようにするには、start関数でtrueに設定された2回目の "isrunning" varを、remove関数でfalseにします。何も必要ありません。