如何使用jQuery觸發自定義事件？

Question

我在jQuery的ready方法中將自定義事件處理程序附加到body 。
之后我立即trigger自定義事件，但似乎沒有任何事情發生。

$(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() {}); 形成一個閉包 ，你將無法訪問其中的任何方法

為了使它像您期望的那樣工作，將調試點放在腳本文件中，然后嘗試觸發事件。 它現在可用，因為事件在范圍內。

Answer 2

看起來您的代碼格式不正確。 檢查調試控制台以確認。

你可以試試這個：

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