jQuery.off() non rimuove il binding

Question

Per qualche motivo jQuery.off ('click') non sembra funzionare qui. Quando si fa clic sul pulsante "Sì" nel modello, viene visualizzato un altro modello. Che cosa sto facendo di sbagliato?

codice:

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

Abbastanza sicuro che si sta andando ad avere bisogno di fornire lo stesso elemento, così come lo stesso selettore.

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

Nel gestore .on(), this è l'elemento '.renewal-warning' che è stato cliccato, non l'elemento #signRentalContainer.

---

Se ci sono parecchi di questi '.renewal-warning' elementi, e si desidera solo per disattivare uno alla volta, il modo più semplice è quello di cambiare la sua classe in modo che essa non corrisponde più il selettore.

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

Answer 2

Poiché il this riferiscono al contesto della funzione maniglia, non la funzione stessa.

provare a fare è una funzione denominata, quindi fare riferimento ad esso quando si chiama off:

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

BTW, qualsiasi motivo non possiamo usare unbind direttamente qui?

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