父 jQuery 脚本上的 Hoverstate 仅适用于一种方式答案

【问题标题】：Hoverstate on parent jQuery script works only one way父 jQuery 脚本上的 Hoverstate 仅适用于一种方式
【发布时间】：2014-10-23 14:11:28
【问题描述】：

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

所以我环顾四周，发现我可以使用 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 的悬停方法来实现这一点，结果相同。

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

问候，汉斯

【问题讨论】：

让它活起来... $nav.on('mouseleave'){}
嗨弗洛林，我不确定你所说的“让它活起来”是什么意思。你能解释一下吗？

标签： jquery mouseover addclass removeclass mouseout

【解决方案1】：

检查一下：

$("#productnav ul.sf-menu li.deeper") $("#productnav ul .sf-menu li.deeper")

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

其余代码看起来不错，应该可以工作。

【讨论】：

哦，是的！摆弄了几个小时后，您再也看不到任何东西了。这是（简单的）解决方案！谢谢。