Почему, когда я использую метод click(), результат повторяется?

Question

Во-первых, я должен сказать, что это происходит, когда я добавляю динамические строки в динамическую таблицу.

В методе datosGuardados У меня есть объект, который я хочу показать для консоли отладки Chrome.

datosGuardados: function(problema){ 

var self = this; 

var objTareas = new Object(); 

objTareas.tareas = aTareas; 
objTareas.descripcionProblema = problema; 
objTareas.idTareaSeleccionada = $('#nombre_trabajador_id').val(); 
objTareas.nombreTrabajador = $('#nombre_trabajador_id option:selected').text(); 

console.info(objTareas); 
return objTareas; }, 

И это метод AccionBotonEnviar, который содержит кнопку:

AccionBotonEnviar: function(data){ 

var self = this;  
$("#btn_enviar_formulario_id").click(function(){ 

    self.datosGuardados(); 

}); }, 

Если добавить строку в таблице и распечатать без использования кнопки, она показывает мне:

Object {tareas: Array[2], descripcionProblema: "aaa", idTareaSeleccionada: "2", nombreTrabajador: "Trabajador 2"} 

Но с помощью кнопки напечатать:

Object {tareas: Array[2], descripcionProblema: "aaa", idTareaSeleccionada: "2", nombreTrabajador: "Trabajador 2"} 
Object {tareas: Array[2], descripcionProblema: "aaa", idTareaSeleccionada: "2", nombreTrabajador: "Trabajador 2"} 

ДВАЖДЫ ...

А если добавить две строки, и нажмите на кнопку, печать три ..

В чем проблема?

Answer 1

Где-то в вашем коде вы снова вызываете функцию, которая снова и снова связывает новый обработчик. вероятно, в методе, который добавляет новые строки.

Вы можете отвязать существующий с помощью:

$("#btn_enviar_formulario_id").off('click').click(function(){ 
     self.datosGuardados(); 
}); 

, но так как это не требуется повторно вызвать функцию, вероятно, нужно удалить его оттуда, где она вызывается снова