BackboneJs Event Re-Delegation

event-redelegation.js

Backbone.View.extend({
  tagName:'div',
  id:'cart',
  
  // this.$el is created and events are initially delegated to it during view instantiation
  events:{
    "click .checkout":"onClick"
  }
  
  renderCount:0,
  
  render: function () {
    this.$el.html(...).appendTo('body');
    if (this.loadCount) {
      this.delegateEvents(); // RE-delegate events on subsequent renders
    }
    this.loadCount++; 
  },
  
  remove: function () {
    this.$el.remove(); // .remove also removes delegated events!
  }
});