pub/sub API does not work

Question

I wrote following code to implement simple pub/sub API.

(function ($) {
    var o = $({});

    $.each({
        trigger: 'trigger',
        on: 'listen',
        off: 'stopListen'
    }, function (key, val) {
        jQuery[val] = function () {
            //console.log(o[key]);
            o[key].apply(o, arguments);
        }
    });
})(jQuery);

$.trigger('watch');

$.listen('watch', function (e, data) {
    alert('Watch it');
});

However, above code does not alert Watch it . Why it does not work and how can I fix it?

Answer 1

You have to listen to the event before you trigger it. Try executing in this order:

$.listen('watch', function (e, data) {
    alert('Watch it');
});

$.trigger('watch');