Jquery 为什么CSS悬停状态被删除？

我创建了一个简单的导航和子导航（在悬停在父元素上后激活），但在我的项目中，当我悬停在子导航的最后一个子元素上时，活动类被删除。无法解决这个问题。请帮忙

下面是代码和JSFIDLE

HTML

jQuery

$('.menu-nav ul li span').hover(function(){
        $(this).find('ul.dropdown_menu').toggleClass('activemenu');
    });

---

您应该将鼠标悬停到li元素，而不是跨度：

$('.menu-nav > ul > li').hover(function(){

---

ul不应该在html中的范围内，现在尝试这样做

.menu-nav ul li span:hover ul.dropdown_menu{
    display: block;
}

和

$(".menu-nav ul li span").on({
    mouseenter: function () {
        $(this).find('ul.dropdown_menu').addClass('activemenu');
    },
    mouseleave: function () {
        $(this).find('ul.dropdown_menu').removeClass('activemenu');
    }
});

.menu-nav ul li span:hover ul.dropdown_menu{
    display: block;
}

---

或者现在您可以使用css

.menu-nav ul li span:hover ul.dropdown_menu{
    display: block;
}

---

您好，我试着将li悬停，但它不工作您使用的浏览器和操作系统。MAC OSX 10.10，Chrome browser不太确定问题出在哪里。小提琴似乎工作得很好，悬停在第一个孩子和最后一个孩子之间并没有什么区别。你能解释一下它在做什么，你想让它做什么吗？在Fiddle中，它工作得很好，但在我的项目中，它不工作。我还删除了重置C，Fiddle与问题中的代码匹配？我们到底应该帮什么忙？“我还有一些其他的代码，我不打算展示给你，但是这里有一些稍微相关的代码，可以很好地工作”-那又怎样？那么，与工作代码相比，你在代码中做的有什么不同呢？