How to bind jquery events in my view

Question

I'd like to use some third party libraries that are based on jquery with ember. This library binds event on element like this :

$('#an-id')
    .bind('anEvent', function (event, params) { ... })

How do I catch the event enEvent into my Ember View and use an Ember based event handler. Something like :

App.MyView = Em.View.create({

   myEventHandler: function(event,params) { ....}
})

Answer 1

Use the didInsertElement callback on a view, which gets invoked when the views has been added to the DOM. You can then access the added element via this.$().

App.MyView = Em.View.create({
    didInsertElement: function() {
        this.$().bind('anEvent', ...);
    }
});
​