无法使用jQuery

Question

我使用普通的javascript在文档上创建了一个事件监听器。我想用jQuery触发该事件。

原因主要是我有一个用普通JS编写的项目和另一个用jQuery编写的项目。

＆＃13;

＆＃13;

document.addEventListener('testEventName', function(event, data) {
  console.log('test event name was called.');
  alert(event.detail.test);
});

$(document).trigger('testEventName', {
  test: 'triggeredEvent'
});

// Create the event.
var event = new CustomEvent('testEventName', {
  detail: {
    test: 'customEvent'
  }
});
document.dispatchEvent(event);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

https://jsfiddle.net/z18dj3s9/1/

我可以使用纯JavaScript触发事件，但我无法使用$(document).trigger

触发它

编辑：将输出更改为警报，因为它可能会覆盖。