VPF::активное меню на jquery - Форум программистов

Marlik

Дата 15.8.2012, 00:18 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет

Доброго времени суток, форумчане. Есть скрипт и менюшка, с помощью скрипта хочу добавлять класс к одному из пунктов меню, а получается класс лепится ко всем пунктам. В javascript'ах не силен и в jquery тем более.

Код


<script type="text/javascript">
$(document).ready(function() {
    $('#menu').children('li').each(function(index, element) {
        var url = window.location;
        if($(element).find('a').attr('href') == url.protocol+'//'+url.location.host+url.pathname)
            $(element).addClass('class', 'now');
    });
});
</script>

Код


<div id="menu">
<ul>
<li><a href="http://localhost/products.html">PRODUCTS</a></li>
<li><a href="http://localhost/about.html">ABOUT US</a></li>
<li><a href="http://localhost/blog.html">BLOG</a></li>
<li><a href="http://localhost/forum.html">FORUM</a></li>
</ul>
 </div>

Спасибо заранее.

Это сообщение отредактировал(а) Marlik - 15.8.2012, 00:19

нуп

Дата 15.8.2012, 00:38 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Код


$('#menu').find('a[href$=' + window.location.pathname + ']').parent().addClass('now');

Это сообщение отредактировал(а) нуп - 15.8.2012, 00:38

Marlik

Дата 15.8.2012, 00:51 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет

Спасибо огромное, так действительно короче... но не работает по прежнему. Класс now добавляется ко всем пунктам меню.

нуп

Дата 15.8.2012, 00:58 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 8
Всего: 33

Та вроде работает

Marlik

Дата 15.8.2012, 01:04 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет

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

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

Можно хоть как-то проверить, что скрипт нарыл? Мне кажется все что нарыл, туда класс и подставляет...

Это сообщение отредактировал(а) Marlik - 15.8.2012, 01:40

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »