點擊一個按鈕往往使得事件綁定就會失控

Question

在按鈕點擊，我改變一個單選按鈕

$('#left').click(function(){ 
    move(-1) 
}) 
$('#right').click(function(){ 
    move(1) 
}) 


function anim_loop(index) { 
    if(index == $elements.length){ 
     index = 0; 
    } 
    if(timer){ 
     $elements.filter('.current').stop(true, true).hide().removeClass('current'); 
     clearTimeout(timer) 
    } 
    $radios.eq(index).prop('checked', true); 
    $elements.eq(index).stop(true, true).addClass('current').fadeIn(1000, function() { 
     var $self = $(this); 
     timer = setTimeout(function() { 
      $self.fadeOut(1000).removeClass('current'); 
      anim_loop((index + 1) % $elements.length); 
      timer = undefined; 
     }, 3000); 
    }); 
} 

的選擇的價值，但是當我點擊「右鍵」按鈕太快，整個單選按鈕選擇循環去幹擾。可能的解決辦法是什麼？

http://jsfiddle.net/69nk3/3/

Answer 1

試試這個

$('#left').click(function(){ 
    $(this).clearQueue(); 
    $('#right').stop().clearQueue(); 
    move(-1); 
}) 
$('#right').click(function(){ 
    $(this).clearQueue(); 
    $('#left').stop().clearQueue(); 
    move(1); 
})