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

あなたはそれを同じ要素だけでなく、同じセレクタを提供する必要があるとしているかなり確信して。 .on()ハンドラで

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

、thisがクリックされた'.renewal-warning'要素、ない#signRentalContainer要素です。

---

がこれら'.renewal-warning'の要素のいくつかはある、とあなたは一度に1を無効にしたい場合は、最も簡単な方法は、それはもはや、セレクタに一致するように、そのクラスを変更しないことです。

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

Answer 2

thisは、ハンドル関数のコンテキストではなく、関数自体を参照しているため。それをという名前の関数を作る

てみてください、あなたはoffを呼び出すときに、それを参照してください。

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

ところで、どのような理由は、我々は直接ここにunbindを使用することはできませんか？

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