Cách tiếp cận tốt nhất để ràng buộc các sự kiện jQuery với các thành phần

Question

Tôi hiện đang làm việc trên một trang web có hàng ngàn hàng nghìn dòng mã jQuery là gì, có rất nhiều sự kiện bấm đặc biệt và tôi đang tự hỏi là có hiệu suất cao hơn nhận thức, thực hành tốt nhất ở đó cho các sự kiện nhấp chuột ràng buộc hoặc bất kỳ sự kiện nào đối với một mục.

Chắc chắn có hơn 30 sự kiện nhấp chuột trên các liên kết và mục khác nhau không thể là hiệu suất tốt được đăng ký khôn ngoan. Chức năng jQuery 1.7 "on" mới đang được sử dụng, có lẽ các sự kiện sẽ được liên kết với phần tử cơ thể hoặc một cái gì đó và sau đó một kiểm tra sẽ nhận được mục đang được nhấp và sau đó làm việc từ đó? Hoặc nó không phải là vấn đề và ràng buộc rất nhiều sự kiện không thực sự là một vấn đề đối với một trình duyệt hoặc hiệu suất hiện đại?

Answer 1

Bạn nên liên kết các phần tử với phần tử dom thấp nhất chứa tất cả các phần tử được nhấp.

Vì vậy, nếu có một div gọi foo chứa mọi yếu tố duy nhất, bạn muốn nói:

$("#foo").on("click", "yourselector", function(){ 
}); 

Nếu các phần tử của bạn được lan truyền trên mỗi inch của trang của bạn, sau đó bạn muốn nghe tại rất top:

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

Nếu tôi hiểu câu hỏi của bạn một cách chính xác, tôi thực sự thực sự hy vọng các nhà phát triển trước đó đã không làm điều gì đó như:

$("#someButtonId").on("click", function(){ 
    //this defeats the whole purpose of on!!! 
}); 

Answer 2

Bạn có thể liên kết cùng một sự kiện nhiều lần trên một phần tử, nhưng nếu bạn có nhiều sự kiện nhấp chuột 30 trên cùng một liên kết, bạn nên thực hiện theo cách khác. Đặt mã cho tất cả các hành động khác nhau mà bạn muốn thực hiện trong một trình xử lý sự kiện đơn lẻ thay vì ràng buộc mọi điều nhỏ một mình.