jQuery.off() không loại bỏ ràng buộc

Question

Vì một số lý do jQuery.off ('click') dường như không hoạt động ở đây. Khi nút 'Có' được nhấp vào mô hình, một mô hình khác chỉ bật lên. Tôi đang làm gì sai?

mã:

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

Đẹp, chắc chắn bạn sẽ cần phải cung cấp cho nó cùng một nguyên tố, cũng như chọn tương tự.

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

Trong xử lý .on(), this là yếu tố '.renewal-warning' mà được nhấp, không phải là yếu tố #signRentalContainer.

---

Nếu có một số các yếu tố '.renewal-warning', và bạn chỉ muốn vô hiệu hóa một lúc, cách đơn giản nhất là thay đổi lớp của nó để nó không còn phù hợp với selector.

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

Answer 2

Vì this tham khảo các nội dung của hàm xử lý, không phải là chức năng riêng của mình.

Cố gắng làm cho nó một hàm có tên, sau đó đề cập đến nó khi bạn gọi off:

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

BTW, lý do nào đó chúng tôi không thể sử dụng unbind trực tiếp ở đây?

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