Search jQuery

jQuery Forum

Using jQuery

danieltay..

OOP and custom events

in Using jQuery • 13 years ago

Hello There,

I am new to JQuery but come from a Flex background, and I am struggling with events in jQuery.

I have the impression that events in jQuery are all bound to the dom. So far all examples I have seen bind to a dom element as in:

 $("p").bind("click", function(e){});

I would like to dispatch and recieve events between OOP style classes as in:

function MyClass() {
 $(this).bind("onsend", $(this).recieved);
}

MyClass.prototype.send = function(){
 $(this).trigger("onsend");
}

MyClass.prototype.recieved = function(){
 alert('recieved');
}

Perhaps this approach is not supported by jQuery. I have used the Yahoo library this way using :

 new YAHOO.util.CustomEvent("onDataChange");

Thanks very much,

Daniel Taylor

Replies(2)

ajpiano

Re: OOP and custom events

13 years ago

It sounds like you are looking for some sort of publish/subscribe architecture. Peter Higgins wrote a simple pub/sub plugin for jQuery that you can check out here:

http://higginsforpresident.net/js/static/jq.pubsub.js

Is this more or less what you're after?

At the present time it is not possible to magically use .bind() and .trigger() on arbitrary objects to fire off and listen for object methods.

ajpiano

Re: OOP and custom events

13 years ago

An easy way to accomplish what you're after is to use jQuery's .data() method to store your object instance with the element on which it was instantiated, like this;

 $("#elem").data("myPlugin",pluginInstance);

Then you can easily access the plugin instance from any piece of code.

 $("#foo").click(function(e) {
$("#elem").data("myPlugin").pluginMethod();
});

Top Reply

Response title

Attachments

jQuery Forum

OOP and custom events

Replies(2)

Re: OOP and custom events

Re: OOP and custom events

Statistics

Tags

Actions