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>

包含的文件 - 警报返回（函数），这意味着 jQuery 已加载

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

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

Answer 1

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

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