jQuery 두 개의 연속 애니메이션이 작동하지 않습니다.

생체 역학

이 사전 애니메이션을 받았으며 2 초 후에 경고가 나타납니다. 이것은 작동합니다 :

$('.tableContent').find('.turnEditPanel').animate({'height': 36}, 300).delay(1000).queue(function() {                   
   alert("HI");
 });

이제 다른 애니메이션으로 경고를 변경하여 애니메이션을 되돌리기 위해 동일한 div에 영향을 주면 아무 일도 일어나지 않으므로 해당 또는 s.thing을 식별하지 못하는 것 같습니다 .. :

$('.tableContent').find('.turnEditPanel').animate({'height': 36}, 300).delay(1000).queue(function() {                   
   $('.tableContent').find('.turnEditPanel').animate({'height': 0}, 300);
 });

이것은 (this)와 함께 작동하지 않습니다.

$('.tableContent').find('.turnEditPanel').animate({'height': 36}, 300).delay(1000).queue(function() {                   
       $(this).animate({'height': 0}, 300);
     });
신자

왜을 사용하는지 모르겠지만 .queue이벤트를 연결하거나 complete첫 번째 호출 에서 콜백을 .animate()대신 사용해야합니다 .

연결을 사용한 예 :

$('.tableContent').find('.turnEditPanel').animate({'height': 36}, 300).delay(1000).animate({'height': 0}, 300);

전체 콜백을 사용하는 예 :

$('.tableContent').find('.turnEditPanel').animate({'height': 36}, 300, function() {
  $(this).delay(1000).animate({'height': 0}, 300);
});

최신 정보

A. Wolff가 그의 의견에서 언급했듯이, alert('HI')작업을 수행 queue()하지만 animate()대기열 콜백 내에서 animate를 호출하면 애니메이션 대기열에 넣지 만 대기열의 다음 항목을 호출 할 때까지 실행되지 않습니다. 예를 들면 다음과 같습니다.

.queue(function(next) {
    $(this).animate({'height': 0}, 300);
    next();
}); 

//next is shorthand for dequeue('fx'). "fx" is name of the default queue created by jQuery.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

애니메이션 후 변형, 두 개의 연속 애니메이션

분류에서Dev

함수의 jquery 애니메이션이 작동하지 않습니다.

분류에서Dev

두 개의 다른 요소에 대해 jQuery 애니메이션 slideUp 및 slideDown을 함께 연결하는 방법

분류에서Dev

두 개의 다른 요소에 대해 jQuery 애니메이션 slideUp 및 slideDown을 함께 연결하는 방법

분류에서Dev

위치 속성의 CSS 애니메이션이 작동하지 않습니다.

분류에서Dev

두 애니메이션 중 하나가 페이지로드 jQuery에서 작동하지 않습니다.

분류에서Dev

동일한 요소의 두 애니메이션이 작동하지 않습니다.

분류에서Dev

CSS 테두리 애니메이션이 개체에서 작동하지 않습니다.

분류에서Dev

jQuery의 queue (fadeOut)에서 애니메이션 속도를 "slow"에서 "3000"으로 변경하려고 할 때-작동하지 않습니다.

분류에서Dev

JQuery의 html 속성이 작동하지 않습니다.

분류에서Dev

정의 된 경로의 d 속성 애니메이션이 firefox에서 작동하지 않습니다.

분류에서Dev

동일한 클래스를 가진 두 개의 Jquery Datatable이 제대로 작동하지 않습니다.

분류에서Dev

Dask-두 개의 동일한 열 데이터 프레임 연결이 작동하지 않습니다.

분류에서Dev

Jquery 애니메이션 이동이 작동하지 않습니다.

분류에서Dev

두 개의 Jquery가 마스터 페이지에서 작동하지 않습니다.

분류에서Dev

jquery의 CSS 애니메이션 속성

분류에서Dev

동일한 창에서 두 개의 컨트롤이있는 연결된 속성을 사용하면 작동하지 않습니다.

분류에서Dev

두 개의 열이 작동하지 않습니다.

분류에서Dev

지연 및 애니메이션 jQuery

분류에서Dev

약속 호출을 두 번 사용하여 jquery 애니메이션 완료

분류에서Dev

jQuery 애니메이션 예제 로직이 작동하지 않습니다.

분류에서Dev

jquery 애니메이션이 예상대로 작동하지 않습니다.

분류에서Dev

jquery 애니메이션 슬라이드가 작동하지 않습니다.

분류에서Dev

Jquery navbar 애니메이션이 제대로 작동하지 않습니다.

분류에서Dev

jQuery 애니메이션 scrollTop이 firefox에서 작동하지 않습니다.

분류에서Dev

내 navbar에서 jQuery 애니메이션이 작동하지 않습니다.

분류에서Dev

animateWithDuration을 사용하여 동일한 속도로 두 개의 뷰 애니메이션

분류에서Dev

두 개의 매개 변수가있는 Rails 쿼리가 프로덕션에서 작동하지 않습니다. 연산자가 존재하지 않습니다.

분류에서Dev

touchMoved 메서드의 애니메이션이 작동하지 않습니다.

Related 관련 기사

  1. 1

    애니메이션 후 변형, 두 개의 연속 애니메이션

  2. 2

    함수의 jquery 애니메이션이 작동하지 않습니다.

  3. 3

    두 개의 다른 요소에 대해 jQuery 애니메이션 slideUp 및 slideDown을 함께 연결하는 방법

  4. 4

    두 개의 다른 요소에 대해 jQuery 애니메이션 slideUp 및 slideDown을 함께 연결하는 방법

  5. 5

    위치 속성의 CSS 애니메이션이 작동하지 않습니다.

  6. 6

    두 애니메이션 중 하나가 페이지로드 jQuery에서 작동하지 않습니다.

  7. 7

    동일한 요소의 두 애니메이션이 작동하지 않습니다.

  8. 8

    CSS 테두리 애니메이션이 개체에서 작동하지 않습니다.

  9. 9

    jQuery의 queue (fadeOut)에서 애니메이션 속도를 "slow"에서 "3000"으로 변경하려고 할 때-작동하지 않습니다.

  10. 10

    JQuery의 html 속성이 작동하지 않습니다.

  11. 11

    정의 된 경로의 d 속성 애니메이션이 firefox에서 작동하지 않습니다.

  12. 12

    동일한 클래스를 가진 두 개의 Jquery Datatable이 제대로 작동하지 않습니다.

  13. 13

    Dask-두 개의 동일한 열 데이터 프레임 연결이 작동하지 않습니다.

  14. 14

    Jquery 애니메이션 이동이 작동하지 않습니다.

  15. 15

    두 개의 Jquery가 마스터 페이지에서 작동하지 않습니다.

  16. 16

    jquery의 CSS 애니메이션 속성

  17. 17

    동일한 창에서 두 개의 컨트롤이있는 연결된 속성을 사용하면 작동하지 않습니다.

  18. 18

    두 개의 열이 작동하지 않습니다.

  19. 19

    지연 및 애니메이션 jQuery

  20. 20

    약속 호출을 두 번 사용하여 jquery 애니메이션 완료

  21. 21

    jQuery 애니메이션 예제 로직이 작동하지 않습니다.

  22. 22

    jquery 애니메이션이 예상대로 작동하지 않습니다.

  23. 23

    jquery 애니메이션 슬라이드가 작동하지 않습니다.

  24. 24

    Jquery navbar 애니메이션이 제대로 작동하지 않습니다.

  25. 25

    jQuery 애니메이션 scrollTop이 firefox에서 작동하지 않습니다.

  26. 26

    내 navbar에서 jQuery 애니메이션이 작동하지 않습니다.

  27. 27

    animateWithDuration을 사용하여 동일한 속도로 두 개의 뷰 애니메이션

  28. 28

    두 개의 매개 변수가있는 Rails 쿼리가 프로덕션에서 작동하지 않습니다. 연산자가 존재하지 않습니다.

  29. 29

    touchMoved 메서드의 애니메이션이 작동하지 않습니다.

뜨겁다태그

보관