Question

我在已经选择了类的导航菜单中添加了一个名为“active”的类。当我单击主菜单项或项目菜单项时，将添加该类，但是当我从菜单上的链接中删除鼠标时，将删除该类。我正在使用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

Answer 1

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

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

问题是，如果你的nav-pills有任何其他类（例如“active”），一旦你鼠标输出，className属性被设置为“selected”，从而删除额外的类

这是该代码的替代方案：

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

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

鼠标退出链接后将删除jQuery类

1 个答案: