Подсветка главного меню и переход по ссылке.
Просьба к специалистам помочь по Jquery
Подключаем Jquery:
-------------------------------------------------------
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Вот код HTML:
-------------------------------------------------------
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<ul class="mainmenu">
<li class="m_m K_KKK">
<a class="link" href="http://www.oooo.ru/">ГЛАВНАЯ</a>
<div class="submenu">
<div class="left">
<div class="cl">
<a class="sm" href="http://oooo.ru/news/">Новости и публикации</a>
<a class="sm" href="http://oooo.ru/weather/">Погода</a>
<a class="sm" href="http://oooo.ru/companies/">Справочник</a>
</div>
</div>
</div>
</li>
<li class="m_m">
<a class="link" href="/avto/">АВТО</a>
<div class="submenu">
<div class="left">
<div class="cl">
<a class="sm" href="http://oooo.ru/deposit/">Вклады</a>
<a class="sm" href="http://oooo.ru/autocredit/">Автокредиты</a>
</div>
</div>
</div>
</li>
</ul>
Собственно сам скрипт:
-------------------------------------------------------
1.
2.
3.
4.
5.
6.
7.
$(function() {
$("li").click(function(e) {
e.preventDefault();
$("li").removeClass("K_KKK");
$(this).addClass("K_KKK");
});
});
Происходит переключение между пунктами меню с подсветкой, но нет перехода по ссылке.
Т.е. прои нажатии ссылки <a class="link" href="/avto/">АВТО</a> происходит подсветка подменю но нет самого перехода
по этой ссылке, и другие ссылки в этом подменю не работают.
Если из скрипта удалить e.preventDefault();
(насколько я понял это запрет на переход по ссылке), то переход по ссылке происходит, но нет подсветки подменю.
С ув.
