jQuery의 clearQueue

Question

img src를 가져 와서 숨겨진 div에 src를 넣고 요청 img를 가리키면 애니메이션으로 img를 확대하는 jQuery 스크립트가 있습니다. 그러나 img에서 img로 이동하면 clearQueue 또는 stop이 필요에 따라 작동하지 않습니다.

이 샘플에서는 img에서 다른 img로 천천히 점프해도 괜찮습니다. 그러나 빠르게 뛰어 내리면 img가 img와 img 사이에서 완전히 점점 더 fadeout됩니다.

내가 원하는 것은 img에서 img로 빠르게 가져 가거나 늦을 수 있고 남은 대기열이 없을 것입니다.

누군가 내가 이것을 도울 수 있으면 기쁠 것입니다.

$(document).ready(function(){ 
    $(".thumb").hover(function(e) { 
     $('#popm').css('left',e.pageX+50); 
     $('#popm').css('top', e.pageY+50); 
     e.preventDefault(); 
     var src= $(this).attr("src"); 
     $('.popimg').attr({"src": src}); 
     $('#popm').stop().fadeIn(100); 
     $('.popimg').stop() 
      .animate({ 
       width: '145px', /* Set new width */ 
       height: '145px' /* Set new height */ 
      }, 200); 
    }, function() { 
     $('#popm').stop().fadeOut(100); 
     $('.popimg').stop() 
      .animate({   
       width: '45px', /* Set new width */ 
       height: '45px' /* Set new height */ 
     }, 200); 
    }); 
}); 

Answer 1

당신은 아마 대신 .stop()의 .stop(true, true)을 수행 할 : 여기

는 코드입니다.

는

jQuery.stop() 설명서는 명확 정지 제 애니메이션 큐 클리어 부울되는 두 개의 파라미터를 갖는 것을 말한다 :

.stop ([clearQueue, [jumpToEnd])

clearQueue을 - 부울 대기중인 애니메이션을 제거할지 여부를 나타냅니다. 기본값은 false입니다.

jumpToEnd - 현재 애니메이션을 즉시 완료할지 여부를 나타내는 부울입니다. 기본값은 false입니다.