单击jquery中的菜单后删除菜单悬停操作

Question

我有一个按Classic CSS hover

工作的下拉菜单

如果您使用click event打开菜单，我需要删除悬停效果，但我不能，因为您仍然在菜单上方悬停，菜单不会disappear直到你hover off不理想。我也尝试过使用.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);
  }       
});

Answer 1

悬停状态不是类，您应该使用CSS来更改元素的悬停行为。

例如：

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

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