jQueryのは、addEventListenerは

Question

を意図したとおりに機能I次のコードを持っていない：

$('.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

modalはDOM要素ではなくjQueryオブジェクトです。それはaddEventListerを持っていない、それはリスナー（on？）を追加するためのjQueryのものがあります。

Answer 2

は、あなただけのvar modal = $('.uiModal');でモーダル要素を得ることができ、その後、あなたはDOM要素

Answer 3

で動作することができます。この問題を解決：Is there a callback on completion of a CSS3 animation?

は、トリックを行いますBINDを使用しているようです。