如何使用 jQuery 触发自定义事件？答案

【问题标题】：How to trigger custom event with jQuery?如何使用 jQuery 触发自定义事件？
【发布时间】：2013-06-16 16:31:39
【问题描述】：

我在 jQuery 的 ready 方法中将自定义事件处理程序附加到 body。
之后我立即trigger 自定义事件，但似乎什么也没发生。

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

【问题讨论】：

【解决方案1】：

您的代码格式似乎不正确。检查您的调试控制台以确认。

你可以试试这个：

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

【讨论】：

【解决方案2】：

首先你有语法错误

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

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

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

【讨论】：