Cómo solucionar los eventos repetidos en las vistas de Backbone.js

Los eventos repetidos en las vistas de Backbone.js suele ser un tema habitual, sobre todo al empezar.

Causa

Cuando creas una vista con eventos, Backbone.js los vincula hacia el elemento asignado del DOM. El problema, es que si la vista se instancia 10 veces y el elemento DOM no cambia, tendrás 10 veces los eventos vinculados y al dispararse, lo hará 10 veces.

Solución

Añadir a la vista:

initialize: function() { 
  // Resetear el elemento 
  $(this.el).unbind(); 
}

Con esta línea en la inicialización, se resetea el elemento del DOM por lo que se desvinculan las instancias previas si hubiera.