如何在悬停子菜单时保持悬停状态？

即时通讯编辑尝试使按钮处于悬停状态，而光标仍然在子菜单中，但无法弄清楚。真的需要帮助！谢谢！如何在悬停子菜单时保持悬停状态？

function hideAllCat() { 
    $("#categories").hide(); 
} 

hideAllCat(); 

$("#tab50").mouseover(function(){    
    hideAllCat(); 
    $("#categories").slideDown(); 
}); 

$("#categories").mouseleave(function() { 
    hideAllCat(); 
});

http://jsfiddle.net/G5RtR/24/

来源

2017-03-03 Catherine Cheer Uttamchandani

你#tab50元素不是父#categories元素，所以你不能使用伪类:hover。 :hover只适用于鼠标右键下的物体。这就是说，你现在有2（++）可能的解决方案。

使#tab50父母#categories。当子菜单展开时，＃tab50也相应地展开。
使用JavaScript来完成这项工作。 $("#categories").mouseover(function({$("#tab50").css({'background':'#abc','color':'red'})}); 要记住，改变#tab50颜色恢复正常$("#categories").mouseleave();

注：

#categories应该是一个class代替id，因为hideAllCat()应该隐藏所有categories，和一个在HTML文件中不能超过1 id。

来源

2017-03-03 03:05:45

多数民众赞成我唯一的选择，因为即时通讯工作基于一个在线模板，我没有访问的HTML和只有JavaScript和CSS基本上。目前这个工作对我来说： '$（ “＃categories2 ”）.mouseenter（函数（）{。 $（“ ＃tab52一”）addClass（ “tabhover”）; }）; （'＃categories2“）.on（'mouseleave'，function（）{ $（”＃tab52 a“）。removeClass（tabhover'）; }）;' 我不确定这是不是正确，因为我有更多的标签 –

所以你说这是工作？但是你不知道这是否正确？你能否澄清一下，或者用另一种方式陈述它？从你的代码行看，他们会工作。 '.removeClass（tabhover'）'**缺少引号** btw –

如何在悬停子菜单时保持悬停状态？

回答

相关问题