jquery - 如何使用 jQuery 触发自定义事件？

Question

我将自定义事件处理程序附加到 jQuery 的 ready 方法中的 body。
之后我立即触发自定义事件，但似乎没有发生任何事情。

$(function(){
    $("body").on("test", function(){ alert("test triggered"); }
    $("body").trigger("test");
}

Answer 1

首先，您有语法错误

$(function(){
    $("body").on("test", function(){
        alert("test triggered");
    });  < ---- Missing this
    $("body").trigger("test");
});

其次，您无法从控制台触发该事件，因为 $(function() {}); 形成一个闭包，并且您将无权访问任何其中的方法

为了让它像您期望的那样工作，请在脚本文件中放置一个调试点，然后尝试触发该事件。由于事件在范围内，它现在可以工作。