我正在使用 twitter Bootstrap 框架,我想根据显示的页面更改活动链接。(如果这不适合 Stackoverflow,只需将其删除)
基本导航菜单 html 如下。注意到“活动”类了吗?这会突出显示活动链接。
<ul class="nav">
<li class="active"><a href="default.aspx">View Programs</a></li>
<li><a href="addprogram.aspx">Add Programs</a></li>
<li><a href="contacts.aspx">Contacts</a></li>
</ul>
jQuery 代码...我从所有 li 标签中删除了“active”类,并将其添加回 li 标签,并显示页面链接。
$(document).ready(function () {
$("ul.nav > li").removeAttr("class");
$("ul.nav > li a[href*='contacts.aspx']").parent("ul.nav > li").addClass("active");
});
这个知道给我...
<ul class="nav">
<li><a href="default.aspx">View Programs</a></li>
<li><a href="addprogram.aspx">Add Programs</a></li>
<li class="active"><a href="contacts.aspx">Contacts</a></li>
</ul>
这行得通,但它是正确的方法吗?