Question

I learned how to develop in Javascript using the YUI 2 library and was wondering if there were a jQuery equivalent of Custom Events (http://developer.yahoo.com/yui/event/#customevent)

Specifically, I want to be able to define custom events without having to attach the listeners initially.

In YUI, I would create a page class and declare different custom events that can be subscribed to. Below is some example code to demonstrate what I want to do, but with jQuery

function ListPage() {
    var me = this;
    this.initEvent = new YAHOO.util.CustomEvent("initEvent");

    this.init = function() {
         // initialize events, DOM, etc
         this.initEvent.fire(me);
    }
}

In application Javascript, I would then like to subscribe to the initEvent.

var page = new ListPage();
page.initEvent.subscribe(
    function (type, args) {
        // do stuff here
    }
);

page.init();

Are there any tutorials/examples of something like this in jQuery?

I understand I can do something similar using bind() and trigger(), but the impression I get is I have to pass in an event handler when I call bind().

Is it possible in jQuery to create the custom event, but pass in the event handler later?

I hope my question makes sense. thanks!

Answer 1

There are lots of pub/sub plugins for jquery.

Example – Rebecca Murphy screencast

Plugins – Ben Almans pubsub, Phiggins pubsub