Question

我使用jQuery将一个类添加到仅在某个菜单项悬停时才会出现的元素。

这是我使用的代码：

jQuery(document).ready(function(){
jQuery("#sfm-sidebar .sfm-menu-level-0 li a").hover(function(){
    jQuery("#cursor").addClass("hover");
});
});

我之所以使用jQuery，是因为这些元素根本不相互关联。这段代码有效，但唯一的问题是，当我离开菜单项时，课程没有被删除。

我想我需要使用if / else语句添加一个删除类函数，但我不确定如何完全编写该脚本。

任何帮助都会很棒，谢谢。

Answer 1

您需要处理mouseenter和mouseleave事件：

jQuery(document).ready(function() {
  jQuery("#sfm-sidebar .sfm-menu-level-0 li a").on('mouseenter',function() {
    jQuery("#cursor").addClass("hover");
  }).on('mouseleave',function(){
    jQuery("#cursor").removeClass("hover");
  });
});

当另一个元素悬停时将类添加到div，并在不悬停时删除

1 个答案: