jQuery를하여 addEventListener은

Question

을 의도 한대로 작동 나는 다음과 같은 코드가 없습니다 :

$('.uiModalWrapper').live('click', function() { 

          var modal = $(this).find('.uiModal'); 

          modal.addClass('shake'); 

          modal.addEventListener('webkitAnimationEnd', function() { 

           modal.removeClass('shake'); 

          }); 


         }); 

webkitAnimationEnd 이벤트가 발생할 때이를 클릭 할 때 요소에 흔들림라는 클래스를 추가 한 다음 다시 제거해야합니다. 그러나 오류가 발생합니다 Uncaught TypeError: Object [object Object] has no method 'addEventListener'

해결 방법에 대한 아이디어가 있습니까? 감사합니다

Answer 1

은 DOM 요소가 아니라 jQuery 개체입니다. 그것은 addEventLister을 가지고 있지 않습니다. 리스너를 추가하기위한 jQuery가 있습니다 (on?).

Answer 2

방금 ​​var modal = $('.uiModal');와 모달 요소를 얻을 수있는 다음은 DOM 요소

Answer 3

작업 할 수 있습니다이 문제를 해결 : Is there a callback on completion of a CSS3 animation?

은 트릭을 할 것입니다 BIND를 사용하는 것 같습니다.