активное меню js

[grifons]

Всем привет, помогите пожалуйста сделать активный пункт в меню, если ты на опр. странице с помощью jsвот мое меню:<ul id="info" class="nav nav-tabs">  <li class="active">    <a href="#">ссылка</a>  </li>  <li><a href="#">ссылка</a></li></ul>нужно чтоб в li вставлялся класс active

 

[IncorrecTSW]

<ul id="info" class="nav nav-tabs">  <li data-menu="home">    <a href="#">Home</a>  </li>  <li><a href="#">...</a></li></ul>    $(document).ready(function() {    $('#info [data-menu="home"]').addClass('active');});//или без жуквериwindow.onload = function() {    document.querySelector('#info [data-menu="home"]').classList.add('active');}

 

[grifons]

IncorrecTSW,не совсем то.

 

[IncorrecTSW]

grifons,Ну так описывайте нормально тогда чего хотите.

 

[grifons]

IncorrecTSW,А что не понятного? Если ты к примеру на страничке site.ru/home то пункт в меню с ссылкой на эту страничку подсвечивается

 

[IncorrecTSW]

grifons,Ну вот уже известен стал формат урл что бы определять.<ul id="info" class="nav nav-tabs">  <li data-menu="home">    <a href="#">Home</a>  </li>  <li data-menu="other">    <a href="#">Other</a>  </li></ul>    window.onload = function() {    var path = document.location.pathname.split('/');    document.querySelector('#info [data-menu="' + path[1] + '"]').classList.add('active');}

 

[grifons]

IncorrecTSW,а без data-menu и тд. нельзя?

 

[IncorrecTSW]

grifons,А по какому критерию ты собираешься сравнивать урл с элементом меню? =) В любом случае что либо подобное надо.

 

[grifons]

jQuery(document).ready(function($) {var url=document.location.href;$.each($("#preface-top a"),function(){if(this.href==url){$(this).addClass('activeCSS');};});})(jQuery);вот нарыл код, как вместо a href сделать li

 

[IncorrecTSW]

grifons,Мне одному кажется что по полному совпадению урла это ужасно? =)jQuery(document).ready(function($) {var url=document.location.href;$.each($("#info a"),function(){if(this.href==url){$(this).parent().addClass('active');};});})(jQuery);