使用twitter引导,我需要启动活动类到主导航的li部分。自动的。 我们使用php而不是ruby。Twitter Bootstrap将活动类添加到li
样品导航:
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/forums">Forums</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/faqs.php">FAQ's</a></li>
<li><a href="/item.php">Item</a></li>
<li><a href="/create.php">Create</a></li>
</ul>
引导代码如下:
<li class="active"><a href="/">Home</a></li>
所以只需要弄清楚如何类主动附加到当前页面。在Stack上看过几乎所有的答案,没有真正的喜悦。
我过起了这一点:
/*menu handler*/
$(function(){
var url = window.location.pathname;
var activePage = url.substring(url.lastIndexOf('/')+1);
$('.nav li a').each(function(){
var currentPage = this.href.substring(this.href.lastIndexOf('/')+1);
if (activePage == currentPage) {
$(this).parent().addClass('active');
}
});
})
,但没有喜悦。
可能重复[如何获得Twitter的引导的导航显示活动链接?](http://stackoverflow.com/questions/9879169/how-to-get-twitter-bootstrap - 导航到显示主动链接) – KatieK 2013-01-25 16:55:42
这个问题是Ruby虽然。 – 2016-12-18 12:47:48