Используя twitter bootstrap, мне нужно инициировать активный класс в части li основной навигации. Автоматически. Мы используем php, а не ruby.
Пример навигации:
<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>
Так что просто нужно выяснить, как добавить активный класс к текущей странице. Просмотрел почти каждый ответ в стеке без особого удовольствия.
Я играл с этим:
/*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');
}
});
})
Но никакой радости.