반복 함수 x 번 반복에 대한 루프

Question

$('.ip_button').click(function(){ 
    var buttonValue, slideTimes; 
    buttonValue = $(this).html(); 
    slideTimes = parseInt(buttonValue) - 1; 
    for (var i = 0 ; i < slideTimes; i++) { 
      slider.gallery_next(); 
     }    
}); 

안녕하세요 저는 여러 번 -1 번 슬라이드의 가치를 결정하는 기능을 사용하여 슬라이더에 여러 이미지를 슬라이드하려고합니다. 불행히도, function은 버튼에 어떤 값이 있더라도 한 번만 수행합니다. 현재 버튼의 값은 다음과 같습니다.

<button class="ip_button">5</button> 

gallery_next() 함수 캡슐화와 같이 간다 :

this.gallery_next = function() { 
    if (galleryRotating) { return; } 
    galleryRotating = true; 
    var elem = $(galleryId + " > li").first(); 
    $(galleryId).append(elem.clone()); 
    $(galleryId).animate({"left" : -imgWidth}, 650, function() { 
     elem.remove(); 
     galleryRotating = false; 
     $(galleryId).css({"left" : 0}); 
    }); 

Answer 1

animate는 for 루프 기능을 다시 호출 시간에 완료되지 것입니다, 그래서 galleryRotation은 여전히 ​​진실되며, 기능은 아무것도하지 않는 것입니다. 다른 접근법이 필요합니다. 즉, 700ms에서 함수를 호출하는 타이머를 설정하거나 animate에 전달하는 콜백에서 회전을 다시 호출합니다 (더 좋음).