jQuery.off() no está eliminando el enlace

Question

Por alguna razón, jQuery.off ('clic') no parece estar funcionando aquí. Cuando se hace clic en el botón "Sí" en el modelo, aparece otro modelo. ¿Qué estoy haciendo mal?

código:

$(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

bastante seguro de que va a necesitar que le proporcione el mismo elemento, así como el mismo selector.

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

En el controlador .on(), this es el elemento '.renewal-warning' que se hizo clic, no el elemento #signRentalContainer.

---

Si hay varios de estos elementos '.renewal-warning', y sólo desea desactivar uno a la vez, la forma más sencilla es cambiar su clase de manera que ya no pega con el selector.

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

Answer 2

Debido a que el this se refieren al contexto de la función de mango, no la propia función.

trate de hacer que una función llamada, a continuación, se refieren a ella cuando se llama off:

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

Por cierto, ninguna razón por la que no se puede utilizar directamente unbind aquí?

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