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.. 
}