jQueryのは、しかし、私はそれが継続的に沿ってスクロールしておきたい、あなたはそれが次の項目にスクロールしますスタートボタンをクリックすると、私は<a href="http://jsfiddle.net/v53Fm/" rel="nofollow">http://jsfiddle.net/v53Fm/</a></p> <p>で基本的なカルーセルを持つコールバック

Question

後もアニメ化されます。

ご覧のとおり、私はアニメーションfinish()にコールバック関数を持っていて、これを再びscrollNext()と呼びます。

しかし、carousel.is(':animated')行は、それが繰り返されないようにしています。

アニメーションコールバック関数の最後からscrollNext()を呼び出しているので、これは当てはまりません。その理由は何ですか？

Answer 1

アニメーションセレクタは、「終了」機能が完了するまで削除されません。

しかし、これはありません作品：これは[jQueryの1.8で修正された]しなければならない

function scrollNext() { 
    var carousel = $('ul'); 
    if (carousel.is(':animated')) return false; 
    carousel.animate({ left: '-=180px' }, 400, finish); 
} 

function finish() { 
    setTimeout(scrollNext,1); //runs the function one millisecond after the finish() method is called 
} 

Answer 2

return文を削除し、アニメーションの持続時間を増やすだけです。 hereを参照してください。

Answer 3

タイミング問題と思われます。試してください：

function finish() { 
    setTimeout(scrollNext, 100); // adds a 100ms delay 
}