Jquery鼠标状态显示活动状态并禁用无活动状态

向前看：

• 默认情况下，将始终显示2个箭头 但是在悬停状态下，只有活动的才会有箭头。鼠标左键时，箭头将再次显示

请看一下演示，现在，菜单始终处于活动状态

演示：

---

一切都按预期运行，但您的psuedo选择器选择的是基本元素而不是悬停元素，请按如下方式调整CSS：

.subtext.hover:after{
    content:">";
    position:absolute;
}

您可以使用

$（'a:not（：hover））

选择光标未悬停的对象

JS（jQuery）：

---

这里有一个。

非常简单，我知道有点棘手，但是有一些css和一些js：

.hovered .arrow{display:none;}
.hovered.hover .arrow{display:block;}

js:

$('ul > li').hover(function(){
    $('a').addClass('hovered');
}, function(){
    $('a').removeClass('hovered');
});


$('.subtext').hover(function(){
    $(this).addClass('hover');
}, function(){
    $(this).removeClass('hover');
})

演示：

---

我根本不明白，为什么箭头会被隐藏，为什么它会“保持”活动状态？似乎工作完全符合我的期望！你到底在问什么？如果您添加类的子文本，并在CSS中声明after，它将永远不会消失。你需要在jQuery中按需添加一个类，当你添加一个类时，你实际上不需要在下一行检查元素是否有该类，这变得越来越没有意义了？也许这就是你想要的->“两个链接都应该有活动状态”-你所说的活动状态到底是什么意思。。？

.hovered .arrow{display:none;}
.hovered.hover .arrow{display:block;}

$('ul > li').hover(function(){
    $('a').addClass('hovered');
}, function(){
    $('a').removeClass('hovered');
});


$('.subtext').hover(function(){
    $(this).addClass('hover');
}, function(){
    $(this).removeClass('hover');
})