Bootstrap Добавить активный класс в LI

Bootstrap Добавить активный класс в LI ⇐ Jquery

1 сообщение • Страница 1 из 1

Anonymous

Цитата

Сообщение Anonymous » 13 мар 2025, 13:51

Использование начальной загрузки в Твиттере, и мне нужно инициировать активный класс в часть основной навигации. Автоматически.
мы используем Php, а не Ruby. 

Образец NAV:

< /code>

Код начальной загрузки следующим образом: 

[*]Home
< /code>

Так просто нужно выяснить, как добавить класс, активный на текущую страницу. Посмотрели почти каждый ответ в стеке, без реальной радости. 

Я играл с этим: 

/*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');
}
});
})
< /code>

Но нет радости. 

Подробнее здесь: https://stackoverflow.com/questions/115 ... lass-to-li

1741863096

Anonymous

 Использование начальной загрузки в Твиттере, и мне нужно инициировать активный класс в часть основной навигации. Автоматически.
мы используем Php, а не Ruby. < /P>

Образец NAV: < /p>

[list]
[*][url=/]Home[/url]
[*][url=/forums]Forums[/url]
[*][url=/blog]Blog[/url]
[*][url=/faqs.php]FAQ's[/url]
[*][url=/item.php]Item[/url]
[*][url=/create.php]Create[/url]
[/list]
< /code>

Код начальной загрузки следующим образом: < /p>

[*][url=/]Home[/url]
< /code>

Так просто нужно выяснить, как добавить класс, активный на текущую страницу. Посмотрели почти каждый ответ в стеке, без реальной радости. < /P>

Я играл с этим: < /p>

/*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');
}
});
})
< /code>

Но нет радости. < /p> 

Подробнее здесь: [url]https://stackoverflow.com/questions/11533542/bootstrap-add-active-class-to-li[/url]