jQueryのアニメーションは、私は次のコードを使用してdiv要素の摺動リストを作成し、ダブルクリックで半ばのdiv

Question

を停止します対応する矢印がクリックされます。ここではタイルを前方に移動するために私のコードの簡易版です。

function nextTile() { 
    var tileWidth = /*Width of each div*/; 
    var position = parseInt($(".tile").css("right")); 
    position += tileWidth; 
    var rightPosition = position + "px"; 
    $(".tile").animate({right:rightPosition}); //in my code each of the divs in the row move position 
} 

}

コードは、私は矢印の上にあまりにも急速に押した場合のdivは適切な長さをスライドさせないであろうことを除いて正常に動作します。代わりに、彼らは途中でスライドして、divの半分が目に見えるように私を残しておきます。

Answer 1

私はMalkさんのコメントと彼の添付リンクを使用して私のコードに以下の追加をした：jQuery animation detect if animating?

function nextTile() { 
    var tileWidth = /*Width of each div*/; 
    var position = parseInt($(".tile").css("right")); 
    position += tileWidth; 
    var rightPosition = position + "px"; 
    var tileLock = $(".tile").is(':animated'); // new code 
    if (tileLock === false)     // new code 
      $(".tile").animate({right:rightPosition}); 
}