Javascript 事件监听器失败，因为 "undefined"不是函数

Question

我已经为此工作了几个小时，这让我发疯。我有一个模式窗口，点击链接就会弹出。它有一个 CSS 过渡，因此它会淡入。我需要在过渡完成时进行回调。所以我挖出了这个事件监听器:

$('#tagBox').addEventListener(
    'webkitTransitionEnd', 
    function(event) { 
        alert( "Finished transition!" ); }, 
    false );

我在 Safari 中，但该代码返回此错误:

TypeError:“未定义”不是函数(正在评估“$('#tagBox').addEventListener('webkitTransitionEnd', function(){alert(“完成转换!”) }, false )')

我的语法正确吗？我可以执行 alert($('#tagBox')) 并且它返回 [object]，因此它正在查找模态元素。为什么说未定义不是函数？

谢谢。

Answer 1

$('#tagBox') 返回一个 jQuery 元素，该元素没有 addEventListener 方法，该方法是 native 方法。在调用 addEventListener 之前，您需要通过执行以下操作来获取原始 DOM:

$('#tagBox')[0].addEventListener(// your code