Question

当我将鼠标悬停在子项上时，我希望导航中的父项具有悬停或活动状态。

所以我环顾四周，发现我可以使用jQuery来实现这一目标。制作了这个剧本：

<script>
jQuery(document).ready(function($) {
    var $nav = $('#productnav ul.sub-menu li');
    $nav.mouseover(function() {
            $("#productnav ul.sf-menu li.deeper").addClass(' overstate ')
        }
  );
    $nav.mouseleave(function() {
            $("#productnav ul .sf-menu li.deeper").removeClass(' overstate ')
        }
  );
}); 
</script>

几个小时后（读了很多），我开始工作了。部分。

该类被添加到父级，工作正常。但它没有被删除。尝试使用jQuery中的悬停方法进行此操作，结果相同。

有人知道这个剧本中有什么问题吗？

问候，汉斯

Answer 1

检查一下：

$（“＃productnav ul.sf-menu li.deeper”） $（“＃productnav ul .sf-menu li.deeper”）

尝试删除第二个选择器的“ul”和“.sf”之间的空格。

其余的代码看起来很好，应该可以工作。

父jQuery脚本上的Hoverstate只能以一种方式工作

1 个答案: