Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Просьба помочь по Jquery.

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Подсветка главного меню и переход по ссылке.
veltony
Отправлено: 09 Ноября, 2013 - 12:08:54
Post Id


Новичок


Покинул форум
Сообщений всего: 49
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)




Просьба к специалистам помочь по Jquery


Подключаем Jquery:
-------------------------------- -----------------------
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>


Вот код HTML:
-------------------------------- -----------------------

<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[dot]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>


Собственно сам скрипт:
-------------------------------- -----------------------
<script>
$(function() {
$("li").click(function(e) {
e.preventDefault();
$("li").removeClass("K_KKK");
$(this).addClass("K_KKK");
});
});
</script>


Происходит переключение между пунктами меню с подсветкой, но нет перехода по ссылке.
Т.е. прои нажатии ссылки <a class="link" href="/avto/">АВТО</a> происходит подсветка подменю но нет самого перехода
по этой ссылке, и другие ссылки в этом подменю не работают.


Если из скрипта удалить e.preventDefault();
(насколько я понял это запрет на переход по ссылке), то переход по ссылке происходит, но нет подсветки подменю.

С ув.
 
 Top
3d_killer
Отправлено: 09 Ноября, 2013 - 12:27:00
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)




CODE (javascript):
скопировать код в буфер обмена
  1. $("li").click(function() {
  2.                 $("li").removeClass("K_KKK");
  3.                 $(this).addClass("K_KKK");
  4. });
 
My status
 Top
veltony
Отправлено: 09 Ноября, 2013 - 13:02:36
Post Id


Новичок


Покинул форум
Сообщений всего: 49
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)




К сожалению не работает.

Переход по ссылке есть, но нет подсветки меню.

Может каким нибудь другим способом?
С ув.
 
 Top
3d_killer
Отправлено: 09 Ноября, 2013 - 13:13:16
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)




не так переменная очистится понятное дело после перехода и подсветки не будет надо как то обозначить переменную и куда то записать ее (куки, скрытое поле)
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <li class="m_m" data-id='1'
  3. <li class="m_m" data-id='2'
  4. <li class="m_m" data-id='3'
  5. <input name="" type="hidden" class="pole" />
  6.  

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <script>
  3.     $("li").click(function() {
  4.                     $(this).addClass("K_KKK");
  5. $('.pole').val($(this).data('id'));
  6.  });
  7. var dataid=$('.pole').val();
  8. $('li[data-id='+dataid+']').addClass("K_KKK");
  9. </script>
  10.  

(Добавление)
вобще переход если происходит (перезагрузка страницы) AJAX тут не нужен можно реализовать на php при выводе контента



Поправил код

(Отредактировано автором: 09 Ноября, 2013 - 13:17:43)

 
My status
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB