单击jquery中的菜单后删除菜单悬停动作答案

【问题标题】：Remove menu hover action after clicking the menu in jquery单击jquery中的菜单后删除菜单悬停动作
【发布时间】：2014-06-17 09:15:00
【问题描述】：

我有一个由Classic CSS hover 工作的下拉菜单

如果您使用click event 打开菜单，我需要删除悬停效果，但我不能，因为您仍在菜单上悬停菜单不会disappear，直到您@987654325 @ 这并不理想。我也尝试过使用.hide()，但这与 CSS 悬停功能相混淆。

在 jQuery 中有没有办法移除元素的 CSS 悬停激活？

 $("ul.nav > li").click(function(e) {
   var url = $(this).attr("url");
   $(this).css('background', '#bbb');
   if( url == 'logoutServlet') {
       $.get('logoutServlet');
       window.location = "/a";
   }else{
       $("#content").html('Loading...').load(url);
  }       
});

【问题讨论】：

您无法移除悬停效果。添加一个新类并将空添加到其悬停 css。这个问题在这里有答案stackoverflow.com/a/5069151/3639582
你有一个类名悬停吗？？
@Don No 我实际上使用了经典的悬停方法来显示悬停时的子菜单

标签： javascript jquery css

【解决方案1】：

悬停状态不是一个类，你应该使用 CSS 来改变元素的悬停行为。

例如：

a.whatever { color: black; } /* Default state */
a.whatever:hover { text-decoration: none; color: black; } /* Hover state */

您可以将悬停状态规则与其他状态行为相匹配，使其看起来相同。

【讨论】：