Finalmente pude resolver el problema y encontre dos soluciones:
- Colocando
e.stopInmediatePropagation();
esto evita que el resto de los controladores se ejecuten y evita que el evento burbujee en el árbol DOM.
Por la cual, los event handlers ya no se van a acumular.
$("input:checkbox").on('click', function(e) {
...
$('#contentPageMain').on('click', '.page-edit', function(){
e.stopImmediatePropagation();
});
});
- Remplazando
.on
por:.one
, asi evitamos que los event handlers se acumulen, ya que el manejador se ejecuta una vez y se elimina de la lista.
$('#contentPageMain').one('click', '.page-edit', function(e){
...
});
Ojala esto les sirva a otras personas que tambien se encontraron con este problema :)
Saludos.