0

我在已经选择了类的导航菜单中添加了一个名为“活动”的类。当我单击主菜单项或项目菜单项时，会添加类，但是当我从菜单上的链接中移开鼠标时，会删除类。我正在使用 Twitter Bootstrap 框架，所以我不知道这种行为是因为我的代码还是因为 Bootstrap 代码。只要“选定”的其他班级存在，我如何让班级留在链接上？谢谢你的帮助。

jQuery

$('#nav_14623').addClass('nav');
$('#nav_14623').addClass('nav-pills');
$('#nav_14623 li.selected').addClass('active');

与之相关的css（据我所知）：

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #428bca;
}

网站链接：http: //jshub.designangler.com

4

1 回答 1

1

问题出Java_DynMenusSelectedCSS.js在第 49 - 52 行：

if (val)
    this.className = val + " selected";
else
    this.className = "selected";

问题是，如果您的导航药丸有任何其他类（例如“活动”），一旦您将鼠标移出，className 属性就会设置为“选定”，从而删除额外的类。

这是该代码的替代方案：

if (val)
    this.className = val + " " + this.className;
else
    this.className = this.className.replace(val, "");

我不确定你从哪里得到这段代码，但那里甚至有一条评论提到了这个问题。

于 2013-09-12T18:51:17.377 回答