Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Активация текущего пункта меню. (https://javascript.ru/forum/jquery/28552-aktivaciya-tekushhego-punkta-menyu.html)

Jakiro 25.05.2012 14:14

Надо теперь как то к родителю результата выборки обратиться, хм

Deff 25.05.2012 15:26

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

<ul class="nav">
  <li><a href="/index.php?ukey=auxpage_service">Сервис</a></li>
  <li><a href="/index.php?ukey=news">Акции</a></li>
  <li><a href="/index.php?ukey=auxpage_articles">Статьи</a></li>
  <li><a href="/index.php?ukey=auxpage_foto"> Фотогалерея </a></li>
  <li><a href="/index.php?ukey=response">Вопрос-Ответ</a></li>
  <li><a href="/index.php?ukey=auxpage_contact">Контакты</a></li>
  <li><a href="/index.php?ukey=auxpage_about">О Компании</a></li>
</ul>

    </div>
  </div> 
 
</div>
<style>.navbar-inner .nav a.Active{color:red;}</style>
<script type="text/javascript">
$(document).ready(function() {
 var url=document.URL.replace(/^.*index\.php\?ukey=/img,"/index.php?ukey=");
 $(".navbar-inner .nav a").each(function(){
   if($(this).attr("href")==url) {$(this).addClass("Active"); return false;}
 });
});
</script>

Jakiro 25.05.2012 23:27

DefF, спасибо Вам тоже, но все это работает на найденную ссылку, а мне надо на тег li, который включает эту находимую ссылку

Deff 25.05.2012 23:58

Цитата:

Сообщение от Jakiro (Сообщение 176632)
DefF, спасибо Вам тоже, но все это работает на найденную ссылку, а мне надо на тег li, который включает эту находимую ссылку

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

<ul class="nav">
  <li><a href="/index.php?ukey=auxpage_service">Сервис</a></li>
  <li><a href="/index.php?ukey=news">Акции</a></li>
  <li><a href="/index.php?ukey=auxpage_articles">Статьи</a></li>
  <li><a href="/index.php?ukey=auxpage_foto"> Фотогалерея </a></li>
  <li><a href="/index.php?ukey=response">Вопрос-Ответ</a></li>
  <li><a href="/index.php?ukey=auxpage_contact">Контакты</a></li>
  <li><a href="/index.php?ukey=auxpage_about">О Компании</a></li>
</ul>

    </div>
  </div> 
</div>
<style>.navbar-inner .nav li.Active{color:red;}</style>
<script type="text/javascript">
$(document).ready(function() {
 var url=document.URL.replace(/^.*index\.php\?ukey=/img,"/index.php?ukey=");
 $(".navbar-inner .nav a").each(function(){
   if($(this).attr("href")==url) {$(this).parent("li").addClass("Active"); return false;}
 });
});
</script>

Jakiro 26.05.2012 00:06

т.е. Первый код, представленный Серегой_PWNZ тоже, как и Ваш, находил тупо ссылку и применял к ней стиль, а мне надо к тегу li, внутри которого лежит искомая ссылка

Deff 26.05.2012 00:29

Jakiro,
Мну непонятно - Active - сейчас ставится на li

a css - Вы применяете- как Вам удобно! (убрал a

Выложите код Стиля для данного блока и ссылок

*Или лучше ссылку на страницу

Jakiro 26.05.2012 14:41

http://promsnab-tomsk.ru/
Вверху менюшка
Да, поиск идет по ссылке, но стиль приметяется к его родителю (тег li)

Раед 26.05.2012 15:42

Jakiro,
Замените этот скрипт
$(document).ready(function() { var url=document.URL.replace(/^.*index\.php\?ukey=/img,"/index.php?ukey="); $(".navbar-inner .nav a").each(function(){ if($(this).attr("href")==url) {$(this).addClass("Active"); return false;} }); });

на этот
$(document).ready(function() { var url=document.URL.replace(/^.*index\.php\?ukey=/img,"/index.php?ukey="); $(".navbar-inner .nav a").each(function(){ if($(this).attr("href")==url) {$(this).parent().addClass("Active"); return false;} }); });

Jakiro 26.05.2012 17:05

Большое Вам спасибо Раед


Часовой пояс GMT +3, время: 23:29.