jquery设置元素悬停

Question

我有一个页面有6个菜单按钮。每个按钮都有自己的悬停事件背景（CSS）。一切工作正常，但现在我想在选择一个页面时做到这一点，我想让这个背景变成静态的。是否有可能使它与JavaScript？这将有助于访问者知道他被选中的按钮类型。

如果你不明白我的意思，我就写了jQuery的一个小代码（这只是一个例子）：

$(document).ready(function(){ 
    $("#button-index1").makeItStaticBackground(); 
}); 

Answer 1

您必须添加一个类（防爆菜单元素）到您希望应用CSS悬停效果的元素，并在元素处于活动状态时移除此类。

CSS：

.menu-element:hover{ 
... 
} 

的javascript：

$(document).ready(function(){ 
    $("#button-index1").removeClass('menu-element'); 
}); 

Answer 2

我通常通过添加服务器上的active类，或通过JavaScript解决这个问题。通过JavaScript，你可以使用一些location.href === a.href魔法。在CSS中它很简单：

.menu a:hover, 
.menu a.active { 
    // definitions.. 
}