Sự kiện CLICK CLICK không kích hoạt (khi chuyển sang di chuột, nó không hoạt động)

Question

Tôi có mã jQuery này tôi đã viết bằng cách sử dụng chức năng nhấp chuột.

Mã phải hoạt động với jQuery 1.7.2.

Tôi đã một jsfiddle thiết lập tại đây: http://jsfiddle.net/7MpTa/1/

$(document).ready(
function() { 
    $(".balloons a").hover(
     function() { 
      $(this).next('.popups').addClass("shown"); 
     }, 
     function() { 
      $(this).next('.popups').removeClass("shown"); 
     } 
    ); 
} 

);

Khi tôi chuyển chức năng nhấp để di chuột, nó hoạt động. Nó chỉ là chức năng bấm chính nó mà không hoạt động. Tôi đã thử thay đổi nó để ràng buộc, và sống, nhưng không thành công.

Dưới đây là một bản demo của lao động di chuột: http://jsfiddle.net/8HL8k/1/

Bất kỳ ai có bất cứ ý tưởng tại sao nó không làm việc?

chỉnh sửa Cảm ơn mọi người vì câu trả lời của bạn. Họ rõ ràng là tất cả đều làm việc tuyệt vời. Tuy nhiên, khi thực hiện những thay đổi này trên trang web, các sự kiện chỉ không được kích hoạt ở tất cả (thử nghiệm trên FF, IE7 +, Chrome, Opera, Safari). Có hoàn toàn không có tài liệu tham khảo khác bất cứ nơi nào để các lớp học (bóng bay & cửa sổ bật lên), vì vậy tôi không chắc chắn những gì có thể gây ra sự can thiệp. Tôi không thể đăng liên kết tới trang web do chính sách NDA nghiêm ngặt. Tất cả đều nằm trong danh sách không có thứ tự (ul). Nó có thể được gây ra bởi cú pháp HTML này? Nếu vậy, có cách nào xung quanh nó? Bởi vì nó phải ở bên trong vì mã đang được sử dụng cho hàng trăm trình chiếu trên toàn bộ trang web.

Tôi cũng đã cố gắng đưa các neo để gửi cảnh báo khi nhấp, để xem nó có kích hoạt hay không và nó cũng không kích hoạt nó.

Kịch bản lệnh có nên được gọi trước khi tham khảo jQuery 1.7.2 bên trong phần đầu hoặc sau nó hoặc ở phần cuối của tài liệu trước thẻ không?

Answer 1

Bạn có thể sử dụng toggle() thay vì click():

$(".balloons a").toggle(
    function() { 
     $(this).next('.popups').addClass("shown"); 
    }, 
    function() { 
     $(this).next('.popups').removeClass("shown"); 
    } 
); 

Như bạn có thể thấy ở đây: http://jsfiddle.net/darkajax/tmzt7/

Tuy nhiên ghi nhớ toggle() bị phản đối như jQuery 1.8 và được loại bỏ trong 1.9, nhưng vì bạn đang sử dụng 1.7.2, nó sẽ hoạt động bình thường ...

Nhưng, đặt cược giải pháp ter sẽ được sử dụng toggleClass():

$(".balloons a").click(
    function() { 
     $(this).next('.popups').toggleClass("shown"); 
    } 
); 

Như bạn có thể thấy ở đây: http://jsfiddle.net/darkajax/GeSmx/

EDIT: trả lời một phần của thứ hai câu hỏi/vấn đề của bạn, tài liệu tham khảo jQuery nên trước khi tất cả các phương pháp/chức năng sử dụng nó ...

Answer 2

Sử dụng toggle() không click

Working DEMO

Answer 3

Di chuột có chức năng bật và tắt, trong đó khi nhấp chuột chỉ mất một chức năng.

$(document).ready(function() { 
    $(".balloons a").click(function() { 
     $(this).next('.popups').toggleClass("shown"); 
    }); 
}); 

toggleClass sẽ thực hiện một bước để thêm và xóa lớp học.