Не работает выделение пункта меню цветом

0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 390 Просмотров
*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Добрый день уважаемые знатоки.

Есть скрипт
<script>

$(document).ready(function() {

    $('.menu2').children('li').each(function(index, element) {

        var url = window.location;

        if($(element).find('a').attr('href') == url.pathname)

            $(element).addClass('active');

    });

});</script>


Есть стиль

.active{

color:#8ed9f0;
}

Смысл в том что б данный скрипт применял к указанному пункту меню данный стиль.

Проблема в том что даботает и background, и border, а вот color не работает.
Помогите найти решение. Может в скрипте ошибся?

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
Joomla сама добавляет класс active к пунктам меню .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
не применяет

*

fbr

  • Живу я здесь
  • ******
  • 1274
  • 140
Класс active добавляется?
background и border к нему применяются?

Если да, то попробуйте просто усложнить конструкцию, увеличив специфичность:
Код: css
.menu2 .active {
  color:#8ed9f0;
}
возможно стиль где-то переопределяется
чтобы проверить, можно добавить !important

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
не применяет
Уберите свой скрипт и посмотрите в браузере добавляется ли класс active и есть ли у него стили .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
Убрал скрипт, да класс .active цепляется

и получается что
 
Код
 .menu2 .active {
  background: #AA482C;
  color: #000000!important;
}

работает на половину
то есть свойство background  цепляется, а color нет.

*

fbr

  • Живу я здесь
  • ******
  • 1274
  • 140
ясно.
надо колор к ссылке применять
.active a {}

*

intedant

  • Осваиваюсь на форуме
  • ***
  • 96
  • 0
ясно.
надо колор к ссылке применять
.active a {}


Большое спасибо.Заработало.