How to trigger custom event with jQuery?

jquery event-handling jquery-events custom-events
JJK picture JJK · Jun 20, 2013 · Viewed 14.5k times · Source

I'm attaching a custom event handler to the body in jQuery's ready method.
Afterwards I immediately trigger the custom event but nothing seems to happen.

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

Answer

Sushanth -- picture Sushanth -- · Jun 20, 2013

Firstly you have a syntax error

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

Secondly you cannot trigger the event from the console , as $(function() {}); forms a closure and you will not have access to any of the methods inside them

For it to work like you are expecting , put a debug point in your script file and then try to trigger the event. It works now as the events are in scope.

Related questions

How to remove "onclick" with JQuery?

PHP code: <a id="a$id" onclick="check($id,1)" href="javascript:void(0)" class="black">Qualify</a> I want to remove the onclick="check($id,1) so the link cannot be clicked or "check($id,1) won't be fired. …

Read More
Get clicked element using jQuery on event?

I'm using the following code to detect when a dynamically generated button is clicked. $(document).on("click",".appDetails", function () { alert("test"); }); Normally, if you just did $('.appDetails').click() you could use $(this) to get the element that was clicked …

Read More
jQuery preventDefault() not triggered

I have the following code: $(document).ready(function(){ $("div.subtab_left li.notebook a").click(function(event) { event.preventDefault(); return false; }); }); but when I click the element .. it doesn't prevent the default action .. Why? and when modifying the code to: $(…

Read More