jquery - 为什么它在 jQuery 中不保持突出显示？

Question

我有这个 Jquery

$(function() {
  $('.count_links').hover( function(){
     $(this).addClass("highlight");
   },
   function(){
     $(this).removeClass("highlight");
   });
   $('.count_links').click(function(){
     $('.count_links').not(this).removeClass('highlight');
     $(this).addClass("highlight");
   });
});

但链接类在单击后永远不会保留

我想要悬停效果和点击效果

Answer 1

当光标离开元素时，您将删除 highlight 类。

无论您是在单击时还是在悬停时添加类，传递给 .hover 的第二个函数(在鼠标移开时调用)都会删除该类。

您可以考虑在点击时添加不同的类，例如“选定”。