backbone-events

A Backbone app which I'm developing has a collection and a model, and associated views for each item. https://gist.github.com/2255959 When I click on the PostView, unexpectedly, the event fires on the collection without any wiring. I figured I'd need to bind an event to the model, then have that fire an event on the collection. Is that not the case? Does a collection automagically inherit events fired its child models? I'm uncertain, but I think it has something to do with the nested views, and maybe the event is being bound on both places instead of just the inner el . From the fine manual :

I'm just getting into Backbone, and one thing that I don't understand is why the 'on()' method for models always takes three arguments--event, handler, and context. It seems that almost always 'this' is used for context and I haven't seen any other usage. Even if there were, since I haven't seen one yet it must be pretty rare. So my question is: When does one use a context other than 'this', and why is Backbone designed this way? By the way, I do understand why you need to provide context, it's just that I wonder why the method syntax specifies that I use three arguments instead of making the

I want to attach an "onload" event for an image in a backbonejs view. I am currently including it in the "events" as "load img":"function", but it is not getting fired off. Any suggestions for doing this? mu is too short Backbone's event handling is based on delegate and delegate can only be used with events that bubble. The problem is that load events do not bubble; from the HTML5 specification : If the download was successful Set the img element to the completely available state, update the presentation of the image appropriately, and fire a simple event named load at the img element. And a

I was wondering if it is possible to bind multiple event types in backbone within a single line. Consider the following: var MyView = Backbone.View.extend({ id: 'foo', events: { 'click .bar': 'doSomething', 'touchstart .bar': 'doSomething' }, doSomething: function(e) { console.log(e.type); } }); Basically what I am wondering is if it is possible to combine the event binding for 'click' and 'touchstart' into one line - along the lines of: events: { 'click,touchstart .bar': 'doSomething' } Any suggestions would be appreciated. rinat.io It's impossible for views jQuery events, which are bound