jQuery: cách hủy liên kết sự kiện được liên kết với đối tượng tài liệu?

Question

Tôi đã một thư viện lập trình xấu mà là làm điều này

$(document).on('click','#keep_first_only_button', function(){ 

tôi đã viết, sau này, một đoạn mã để 'đè' hành vi xấu này

$("keep_first_only_button").unbind("click"); 
$("keep_first_only_button").on("click", selectKeepFirstOfAll); 

NHƯNG này không hoạt động , sau đó trình xử lý hàm document.click được kích hoạt lại

Tôi không thể hủy liên kết tất cả các sự kiện nhấp từ tài liệu, vì thiên tai sẽ xảy ra trong trang.

Cách nào phù hợp để tiến hành trong trường hợp này?

CHỈNH SỬA: Xin lỗi vì mất thời gian, tôi không thấy chữ '#' bị thiếu trong bộ chọn của mình. Tôi thực sự xin lỗi!

Answer 1

$("#keep_first_only_button")... 

Thiếu mã băm?

Answer 2

Trình xử lý sự kiện ban đầu bị ràng buộc dưới dạng sự kiện được ủy quyền, do đó bạn không thể xóa nó khỏi chính mình $('#keep_first_only_button'). Bạn cần xóa nó ở cấp độ document.

Từ the documentation:

Để loại bỏ xử lý sự kiện được giao cụ thể, cung cấp một cuộc tranh luận selector . Chuỗi chọn phải khớp chính xác với số được chuyển đến .on() khi trình xử lý sự kiện được đính kèm. Để xóa tất cả các sự kiện được ủy quyền từ một phần tử mà không xóa các sự kiện không được ủy quyền, hãy sử dụng giá trị đặc biệt "**".

Nói cách khác, để hủy liên kết sự kiện được ủy quyền, bạn chỉ nên sử dụng cùng một bộ đối số bạn đã sử dụng để liên kết chúng nhưng chuyển chúng sang off thay thế. Kể từ khi chức năng ràng buộc là vô danh bạn không thể tham chiếu đến nó, vì vậy bạn sẽ phải giải quyết với unbinding tất cả xử lý sự kiện giao ràng buộc để #keep_first_only_button trên document mức:

$(document).off('click', '#keep_first_only_button'); 

EDIT: Hình như vấn đề chỉ là băm thiếu. Rất tiếc, tôi nghĩ bạn không thể hủy liên kết các trình xử lý sự kiện được ủy quyền bằng cách sử dụng số điện thoại thông thường.off() ...

Answer 3

Đối với bất kỳ ai tự hỏi ... Mattias Buelens là chính xác.

Nếu bạn đã yếu tố ràng buộc như

$(document).on("click","#element",function(){ }); 

Và muốn tắt nó đi sau đó, bạn phải làm điều đó như:

$("#element").click(function(e) { 
    $(document).off('click', '#element'); 
}); 

Answer 4

Nếu bạn muốn loại bỏ sự kiện với ra xem xét sử dụng selector

$ (tài liệu).tắt ("nhấp", "**");