jQuery addEventListener无法正常工作

Question

我有以下代码：

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

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

                            modal.addClass('shake');

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

                                modal.removeClass('shake');

                            });


                        });

在单击元素时应该向元素添加一个名为shake的类，然后在webkitAnimationEnd事件发生时再次将其删除。但是它会导致错误Uncaught TypeError: Object [object Object] has no method 'addEventListener'

有关如何解决此问题的任何想法？感谢

Answer 1

modal是一个jQuery对象，而不是DOM元素。它没有addEventLister，它有jQuery的东西用于添加监听器（on？）。

Answer 2

您可以使用var modal = $('.uiModal');获取模态元素，然后可以使用DOM元素

Answer 3

这解决了问题：Is there a callback on completion of a CSS3 animation?

似乎使用BIND就可以了。