アニメーションが動作している限り、jQueryのクリックイベントを停止しようとしています

Question

私はコンテンツスライダを持っています。さらに、 "prev" & "次へ"ボタンを作成しました。アニメーションが完了すると（アニメーションの時間は500ms）、ボタンはクリック可能にする必要があります。私はそれを解決しようとした：アニメーションセレクタが、それは動作しません：

は

if (!$(".scrollContainer").is(':animated')) { 
    $(".nextItems a").click(function() { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    }); 
} 
if (!$(".scrollContainer").is(':animated')) { 
    $(".prevItems a").click(function() { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    }); 
} 

または非常に単純に、私がクリックした後の500msのためのイベントをクリックして、ボタンを停止する必要があります。誰も私を助けることができますか？

Answer 1

移動しあれば事はあなたのクリックイベントハンドラ内でアニメーション化されてかどうかを確認する声明：また

$(".nextItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    } 
}); 

$(".prevItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    } 
}); 

あなたは完全に乾くことができ、あなたのこのような何かを行うことにより、コードは：

$(".nextItems a").click(function() { 
    nextPrevItem('next'); 
}); 

$(".prevItems a").click(function() { 
    nextPrevItem('prev'); 
}); 
function nextPrevItem(direction) { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected') 
      .parent()[ direction ]() 
      .find("a").addClass('selected'); 
    } 
} 

Answer 2

あなたがハンドラ内のif文が必要です。

$(".nextItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    } 
}); 

$(".prevItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    } 
}); 

Answer 3

あなたは.delay()を使用することができます（jQuery 1.4以上で利用可能）、または.setTimeOut()を使用できます。

http://forum.jquery.com/topic/settimeout-15-6-2010

http://api.jquery.com/delay/