从单独的文件触发JS自定义事件

Question

我有一个用于管理我的弹出窗口的JS文件。每次打开或关闭弹出窗口时，我都会触发一个自定义事件。

第1号文件

$(document).trigger('popinOpen', {popin: $(popinId)});

现在，如果我想在触发触发器时做一些事情，可以执行以下操作。

第2号文件

$(document).on('popinOpen', function(e, popin) {
  console.log(e);
  console.log(popin);
});

当在同一文件中但不在单独文件中时，此代码有效，我不明白为什么。我曾尝试在第一个文件之前或之后移动第二个文件，但它不会改变任何内容。

我想念什么吗？

Answer 1

我认为，您是在开始聆听之前触发动作的。 将代码分成2个不同的文件时，必须确保先注册您的侦听器。

首先在index.html中包含您的侦听器，然后在触发操作中添加

。