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

Question

我有一个 JS 文件来管理我的 popins。每次打开或关闭 popin 时，我都会触发这样的自定义事件。

文件编号 1

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

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

文件 n°2

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

此代码在同一个文件中有效，但在单独的文件中无效，我不明白为什么。我试过在第一个文件之前或之后移动第二个文件，但它没有改变任何东西。

我错过了什么吗？

Answer 1

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

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