Twitter Bootstrap добавляет активный класс в li

Используя 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'); 
        } 
    });
})

Но никакой радости.

56
задан Alex Weitz 22 July 2016 в 10:22
поделиться