Cách xóa tất cả trình xử lý sự kiện nhấp trong Jquery

Question

Tôi đang gặp sự cố. Về cơ bản, khi người dùng nhấp vào 'Chỉnh sửa' liên kết trên một trang, mã jquery sau chạy:

$("#saveBtn").click(function() { 
    saveQuestion(id); 
}); 

Bằng cách này, sự kiện onClick của nút lưu gọi phương thức saveQuestion() và chuyển vào ID của câu hỏi mà liên kết 'Chỉnh sửa' được nhấp vào.

Nhưng nếu trong cùng một phiên, người dùng nhấp vào chỉnh sửa trên 2 câu hỏi, thay vì ghi đè lên bộ xử lý sự kiện click trước đó, nó sẽ làm 2 trình xử lý sự kiện chạy, một trình xử lý có thể gọi saveQuestion(1) và người kia có thể gọi saveQuestion(2). Bằng cách làm 1 câu hỏi này sẽ ghi đè lên câu hỏi khác.

Có cách nào để xóa tất cả các sự kiện click trước đó đã được gán cho một nút không?

Answer 1

Bạn sẽ sử dụng off() để loại bỏ một sự kiện như vậy:

$("#saveBtn").off("click"); 

nhưng điều này sẽ loại bỏ tất cả các sự kiện nhấp chuột ràng buộc để yếu tố này. Nếu chức năng với SaveQuestion là sự kiện duy nhất bị ràng buộc thì ở trên sẽ làm điều đó. Nếu không làm như sau:

$("#saveBtn").off("click").click(function() { saveQuestion(id); }); 

Answer 2

Có cách nào để xóa tất cả các sự kiện nhấp chuột trước đó đã được gán cho một nút không?

$('#saveBtn').unbind('click').click(function(){saveQuestion(id)}); 

Answer 3

Nếu bạn sử dụng ...

$(function(){ 
    function myFunc() { 
     // ... do something ... 
    }; 
    $('#saveBtn').click(myFunc); 
}); 

... sau đó nó sẽ được dễ dàng hơn để unbind sau.

Answer 4

$('#saveBtn').off('click').click(function(){saveQuestion(id)}); 

Answer 5

$('#saveBtn').off('click').on('click',function(){ 
    saveQuestion(id) 
}); 

Sử dụng jquery của off và on