JQuery : CLICK (슬라이드 만들기)을 제한하는 방법은 무엇입니까?

Question

빠른 속도로 연속해서 "버튼"을 누르면 내 이미지가 겹칩니다. 그리고 "버튼"을 빠르게 연속해서 누르면 버튼을 멈추게되지만 슬라이드는 계속 작동합니다.

예를 들어 버튼을 빠르게 20 번 누르면 이미지가 겹치고 슬라이드가 버튼을 누른 속도보다 20 배 더 느리게 작동합니다. 그래서 "버튼"을 클릭하여 슬라이드가 움직이는 동안 클릭 방식이 실행되지 않도록하고 싶습니다. 어떻게해야합니까?

$(function(){ 
    var max = $("header > img").length -1; 
    var sno = 0; 
    $("button").on("click",function(){ 
     $($("header > img")[sno]).animate({ 
      left: "100%" 
      },1000,function(){ 
      $(this).css({left: "-100%"}); 
     }); 
     sno++; 
     if(sno > max) sno = 0; 
     $($("header > img")[sno]).animate({ 
      left: "0%" 
     },1000); 
    }); 
}); 

Answer 1

버튼을 클릭하면 사용 안함으로 설정할 수 있습니다.

$(function(){ 
    var max = $("header > img").length -1; 
    var sno = 0; 
    $("button").on("click",function(){ 
     var button = this; 
     $(button).prop('disabled', true); 
     $($("header > img")[sno]).animate({ 
      left: "100%" 
      },1000,function(){ 
      $(this).css({left: "-100%"}); 
      $(button).prop('disabled', false); 
     }); 
     sno++; 
     if(sno > max) sno = 0; 
     $($("header > img")[sno]).animate({ 
      left: "0%" 
     },1000,function(){ 
      $(button).prop('disabled', false); 
     }); 
    }); 
} 

완전한 콜백 기능으로 해제하십시오.