Использование 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>
Так что просто нужно выяснить, как добавить класс к текущей странице. Посмотрели почти каждый ответ на 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');
}
});
})
Но радости.