Javascript 更改菜单按钮而不重新加载站点

实际上我的菜单看起来像，最后我的导航栏应该是这样的： 我无法使用它，因为我无法加载ms.js。。它就是不太管用

所以我试着自己写，mechanice：

最好的写作方法是什么？我可以很容易地在div上悬停，但按钮需要保持悬停到下一个单击而不加载站点

---

PS按钮形状不规则，因此我们需要在div上使用背景图像。

您可以将悬停样式定义为类，并使用jquery将该类指定给悬停时的div。在下一次悬停之前，它会一直停留，当鼠标进入另一个div时，您可以将其删除。 例如：

---

我认为，通过将CSS与javascript插件结合使用，可以很好地解决这一问题

请注意，您的javascript插件会在您单击的选项卡上自动分配

ui-state-active

。使用此选项可以设置css样式：

li.ui-state-active > a {
  background-image: url(http://placehold.it/100x25/c3a3f3/ffffff) !important;
}

根据您的背景图像进行相应的更改

如果需要删除默认的橙色边框，即

：focus

上的

outline

属性，只需将其设置为none即可。这应该足够了

a:focus {
  outline: none;
}

还是用这个

a, a:focus {
  outline: none !important;
}

---

确保它不会出现在任何

a

标签上。

不错，但它在背景图像上不起作用：url（“”）。添加

！重要提示

指令，请参见上面我的更新答案。这里是指向jsbin的工作链接：完美它工作得非常好。你有没有关于边界女巫已经在当前按钮上的想法？那是橙色边框。边界：无；不行！如果你能看一会儿，我加上大纲：无；，但每次点击都会显示一段时间，我会再次更新答案。查看此项以确保橙色边框不再出现：

a, a:focus {
  outline: none !important;
}