заменить динамически обработчик onclick

Question

Я динамически вставляю изображения, используемые в качестве кнопок, и добавляю событие onClick.

$("img.image_edit_customer").live("click", function() { 
    // when clicking the edit image of a row 
    $(this).manipulateCustomer("editRowCustomer", { 
     scope : "#customer_tbody" 
    }); 
}); 

Позже я хочу удалить событие onClick из изображения, используемого в качестве кнопки.

$('img[class^="image_edit"]').live('click', function() { 
    // do nothing from now on 
    alert('edit'); 
}); 

Теперь, он всегда выполняет старую и новый обработчик.

UPDATE

Если я использую die('click');, я все еще могу выполнить событие OnClick один раз.

Answer 1

Для JQuery 1.7+

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

$(document).one("click", "img.image_edit_customer", function() { 
    $(this).manipulateCustomer("editRowCustomer", { 
     scope : "#customer_tbody" 
    }); 
}); 

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

$(document).on("click", "img.image_edit_customer", editRow); 

Чтобы удалить событие:

$(document).off("click", "img.image_edit_customer", editRow); 

Функция установка и удаление

function editRow(e) { 
    $(e.target).manipulateCustomer("editRowCustomer", { 
     scope : "#customer_tbody" 
    }); 
} 

Answer 2

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

$('img[class^="image_edit"]').die('click'); 

Уведомление

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

Answer 3

Так как вы подключаете события с живым методом, то необходимо использовать метод Die

http://api.jquery.com/die/

Answer 4

Вместо того, развязывание или убийство (сдохнет) событий для всех элементов, я бы маркировать отдельные элементы с классом «маркером», как так:

$("img.image_edit_customer").live("click", function() { 
    if(!$(this).hasClass('clicked')) { 
     $(this).addClass('clicked'); 
     $(this).manipulateCustomer("editRowCustomer", { 
      scope : "#customer_tbody" 
     }); 
    } 
});