JavaScript 监听 jQuery 事件

Question

我在将事件从 jQuery 传递到 JavaScript 时遇到问题。我首先设置 JS 事件监听器，然后从外部文件触发 jQuery 事件，但监听器永远不会被触发。这是一些代码:

监听器

<script type="text/javascript">
document.addEventListener('readyToPlay', loadLibs);

function loadLibs() {
    alert('success');
}

</script>
<script src="/assets/js/plugins/co/co.js" type="text/javascript"></script>

Included File - 警报返回(函数)，这意味着 jQuery 已加载

function init() {
    alert(typeof jQuery);
    $(document).trigger('readyToPlay');
}

我认为这个问题可能是由引用外部文件中的文档引起的，但我不确定如何解决这个问题。

Answer 1

你不能使用 jQuery 但你可以在 Vanilla JS 中触发它

function init() {
  var event= new CustomEvent('readyToPlay',[]);
  document.dispatchEvent(event);
}