this is awesome.

It is pretty awesome, just want to put out a healthy reminder that $.observable is still evolving - $.observer is still a very new child, glad to see a demo of using it for something!

Yeah, I am pretty sure that the observable stuff won't be available as part of jQuery UI 1.9

Updating the gist to reflect correct version information on $.observable and $.observer being available.

@addyosamani - $.observer was written very recently by @brado23 - I am pretty sure that it is in flux (but a useful helper for observables, right! :) )

I don't think of $.observer as a way to do pub/sub, that whole concept seems very rooted in a very simple string named "topic" structure. $.observer might help you with a keeping track of data in your storage arrays though, and give ways for other components to listen for change events on specific items or arrays.

@gnarf37 that makes sense. Whilst pub/sub is slightly more event driven and $.observer is more data-oriented I consider them both as a part of the same family of observable patterns of development. I should probably come up with a better title for this gist :) Thanks for sharing the extra information about $.observer!. I'm finding out more and more about it as I read and play around with the code.

this is nice :)

I would like to know what do you think about this problem. I've write a simple test case on jsFiddle if you want to see it in action and play with it.

Cheers

Here's another variation where jQuery's event methods are "mixed in" to the supplied object or supplied function's prototype. Also includes a wildcard event for listening to all events. https://github.com/furf/jquery-enable/blob/master/src/bindable.js

Niiiice @furf!

Hey @addyosmani, your first code snippet has an unused variable method. Just wanted to pass that along.

Thanks for pointing that out @eliperelman! :) Fixed.

No problem, bud!

Sweet Gist. Noob question. Why does Peter Higgin's pluggin start with a ; ??

to ensure that in the event of js file concatenation, the javascript will not break if the previous file is missing a trailing semi-colon.

@furf thank you sir. that makes total sense.

What about $.Deffered()? Can't those be used in some cases? https://tutsplus.com/lesson/deferreds/

Thanks! This is a really clear and practical overview of an important topic.
I'd make a slight modification to the first implementation to take topics out of the global space using the module pattern:

$.Topic = (function() {
    var topics = {};
    return function( id ) {
        // ... as above
        return topic;
    };
})();

nice post

+1 gives me some ideas :)

nice！

simple and effective

Simply Amazing