jquery 事件触发器不起作用

Question

我有两个脚本。

第一个脚本包含游戏的原型类。这个类使用严格，并且没有准备好文档。触发：

$("#trigger").trigger("noPossibilities");

在同样使用严格的第二个脚本中，我尝试捕获触发器：

$(document).ready(function() {
    $("#trigger").on("noPossibilities", function() {
        console.log("noPossibilities trigger");
    });
});

问题是我无法抓住扳机。这可能与使用严格/范围有关，但我似乎无法找到解决方法。

真的希望有人能帮助我

更新 第一个脚本有一个原型类。

这个类在第二个脚本中被实例化。在处理程序之后。然后它仍然不起作用，因为第一个脚本在第二个脚本之前加载？

同样，当我从控制台执行这一行时：

$("#trigger").trigger("noPossibilities");

它不会被触发。不应该这样工作吗？

更新 2

我发现了问题。第一个脚本在实例化时将带有 id 触发器的元素添加到文档中。我在游戏开始时有一个弹出窗口。现在，单击该按钮即可附加处理程序。

该文档可能没有处理程序应该附加到的元素。现在它稍后被附加，现在它正在工作。

Answer 1

问题不在于范围，而是在处理程序附加到元素之前触发事件。文档就绪处理程序中的代码仅在加载 DOM 元素后执行。如果您在脚本之后立即触发，那么它将无法工作，因为元素仍在加载。

您可以通过将其移动到另一个文档就绪处理程序（仅在附加处理程序后执行）来检查在不同上下文中触发的工作情况。

$(document).ready(function() {
  $("#trigger").on("noPossibilities", function() {
    console.log("noPossibilities trigger");
  });
});


$(document).ready(function() {
  $("#trigger").trigger("noPossibilities");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="trigger"></div>