jquery设置元素悬停答案

【问题标题】：jquery set element hoverjquery设置元素悬停
【发布时间】：2012-07-25 13:18:49
【问题描述】：

我有一个包含 6 个菜单按钮的页面。每个按钮都有自己的悬停事件 (CSS) 背景。一切正常，但现在我想在选择页面时做到这一点，我想让那个背景成为静态的。有可能用javascript制作吗？这将帮助访问者知道他选择了哪种类型的按钮。

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

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

【问题讨论】：

【解决方案1】：

您必须为要应用 css 悬停效果的元素添加一个类（例如菜单元素），并在元素处于活动状态时删除该类。

CSS：

.menu-element:hover{
...
}

javascript：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：