$(this) != this

[jeanluca]

Hi All

I need to monitor an object (instance variable) for events. So I thought I do:

function Xyz() {
    this.test = function(){
      console.log('this is test');
      $(this).trigger('abc') ;
    }
}

var x = new Xyz() ;
x.test() ; 
$(x).bind('abc', function(e){
    alert("ABC");
}) ;

The code does work, but doesn't show the alert. Any ideas how to fix this

ps see the code working here

[Jeff Mott]

You're triggering the event before you bind it. Move x.test() below your bind statement, and everything should be fine.

Another concern is that, according to the jQuery docs, the jQuery function is meant to take a DOM element, not a generic object. And though it seems to work for now, it might break in a later version of jQuery since it isn't a documented behavior.

[jeanluca]

check, stupid mistake!

What would be the alternative for trigger/bind for Objects ?

[Jeff Mott]

What would be the alternative for trigger/bind for Objects ?

In jQuery, there doesn't seem to be any, at least none that are officially supported. You'll have to look to other libraries for documented and supported custom events.

[jeanluca]

ok, thanks a lot!