Ввод обратной передачи в группу кнопок вызывает несколько обратных передач

Question

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

$('#tblSearchDataSource').find('tbody').find('tr').find('td').find('input[class="myClass"]').live('click', function (event) { 
     id = $(event.target).parent().parent().find('td:first').text(); 
     $('[id$=' + hidReturnData + ']').val(id); 
     dialog.dialog("close"); 
     __doPostBack($(btnTarget).attr('name'), ''); 
    }); 

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

Answer 1

Переключение с

$('#tblSearchDataSource').find('tbody').find('tr').find('td').find('input[class="myClass"]').live('click', function (event) {

к

$('#tblSearchDataSource').find('tbody').find('tr').find('td').find('input[class="myClass"]').one('click', function (event) {

фиксированная моя проблема.

Answer 2

Это поможет вам в получении события щелчка для кнопки вы хотите

$(document).on('click','.myclass',function(e){ 
    console.log("click",e); 
}); 

Проверить fiddle здесь Вы можете применить логику для извлечения значения из вашего скрытого элемента.

Answer 3

вместо .live() использовать .on() ... также элемент мог бы подключить обработчик событий дважды или много раз (если событие срабатывает много раз) в коде. Возможно, вы создаете элемент динамически. Поэтому каждый раз, когда вы нажимаете на элемент, обработчик события срабатывает каждый раз, когда он привязан к элементу.

Вместо

$('#tblSearchDataSource').find('tbody').find('tr').find('td').find('input[class‌​="myClass"]').live('click', function (event) {

использование

$('#tblSearchDataSource').find('tbody').find('tr').find('td').find('input[class‌​="myClass"]').off('click').on('click', function (event) {