jQuery.off() не удаляет привязку

Question

По какой-то причине jQuery.off ('click'), похоже, не работает здесь. Когда в модели нажата кнопка «Да», появляется еще одна модель. Что я делаю не так?

код:

$(function(){ 

    //If there are warnings on the page bind alert 
    if ($('.renewal-warning').length > 0){ 

    (function(){ 

     $('#signRentalContainer').on('click', '.renewal-warning', function(e){ 

     var buttonHandle = this; 

     //Prevent submission 
     e.preventDefault(); 

     //Show warning model 
     $.modal({ 
      content: $('#renewalWarning').html(), 
      title: "Order Renewal Warning", 
      buttons: { 
      'Yes': function(win) { $(buttonHandle).off('click').click(); }, 
      'No': function(win) { win.closeModal(); } 
      }, 
      maxWidth: 250, 
      closeButton: false 
     }); 
     }); 
    })(); 
    } 
}); 

Answer 1

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

$('#signRentalContainer').off('click', '.renewal-warning'); 

В .on() обработчике this является '.renewal-warning' элементом, была нажата, а не #signRentalContainer элемент.

---

Если есть несколько из этих '.renewal-warning' элементов, и вы хотите отключить только один, в то время, самый простой способ, чтобы изменить свой класс так, чтобы он больше не соответствует селектору.

$(this).removeClass('renewal-warning') 
     .addClass('renewal-warning-disabled'); 

Answer 2

Поскольку this относятся к контексту функции ручки, а не сама функция.

Try делает его именем функции, то обратитесь к нему, когда вы звоните off:

$("body").off("click", '#signRentalContainer', buttonHandle);

Кстати, какой-либо причине мы не можем использовать unbind прямо здесь?

$("#signRentalContainer").unbind("click");