Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
36 / 36 / 7
Регистрация: 15.01.2013
Сообщений: 161

Добавление класса к элементу списка

04.04.2013, 17:24. Показов 1508. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день - пишу функцию - костыль на jQuery,
которая бы делал активной ссылку - элемент меню навигации.
т.к. в jQuery не ас, столкнулся с проблемкой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
  var full_url = window.location.href;
  var pos_id = full_url.indexOf("id=");
  if (pos_id > -1) {
      var index1 = full_url.substr(pos_id, 6);
      alert(index1);
      if (index1 = 'id=132') {
          //mark_hyperlink(1);
          $("ul.nav li").removeClass();
          $("ul.nav li").get(0).addClass("active");
      }
  }
});
по коду : определяем текущую гиперссылку,и по ней делаем "активным" нужный номер меню.
классы удаляются, но не присваиваются.
ткните пож-та где-ошибка может быть.
вот HTML:
HTML5
1
2
3
4
5
6
        <ul class="nav">
            <li class="active"><a href="">О компании</a></li>
            <li><a href="">Каталог продукции</a></li>
            <li><a href="">Акции/скидки</a></li>
            <li><a href="">Контакты</a></li>
        </ul>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.04.2013, 17:24
Ответы с готовыми решениями:

Добавление класса к динамическому элементу
Ребят... Подгружаются элементы через ajax. Как добавить к ним класс без каких-либо кликов, просто при загрузки страницы? Код: ...

Добавление класса в активному элементу
Добрый день знатоки jQuery Подскажите пожалуйста, как элементу span при нажатии на него присвоить класс .active, и убрать класс при...

Добавление элементу значения текст, активного класса
Добрый день! Подскажите как реализовать такую схему При клике на &lt;li&gt; ему добавляется класс &quot;active&quot;, при клике на другой...

2
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
04.04.2013, 19:09
Присвоить "=" , равно "=="
JavaScript
1
if (index1 == 'id=132')
Что происходит если не равно id=132 и причём здесь этот id?
Что в следующей строке выполняется ?
JavaScript
1
$("ul.nav li").get(0).addClass("active");
Выбор элемента - eq, а get не встречал в таком виде.
1
36 / 36 / 7
Регистрация: 15.01.2013
Сообщений: 161
05.04.2013, 10:43  [ТС]
Спасибо, с помощью "==" и ":eq(0)" получилось,
да Javascript и jQuery еще нужно подучить.

По поводу кода - если не выполняется (index1 == 'id=132') ,
то выполняются другие ветви кода (аналогично написанные),
не привел их чтобы не засорять лишним кодом страницу.

По id определется какая сейчас активная страница
должна быть помечена (основные страницы идут с номерами 132,134,71, остальные страницы относятся к каталогу продукции).

Получившийся код функции (работающий)

JavaScript
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
$(document).ready(function() {
  var full_url = window.location.href;
  var pos_id = full_url.indexOf("id=");
  if (pos_id > -1) {
      var index1 = full_url.substr(pos_id, 6);
      if (index1 == 'id=132') {
          $("ul.nav li").removeClass();
          $("ul.nav li:eq(0)").addClass("active");
      }
      else
        if (index1 == 'id=134') {
          $("ul.nav li").removeClass();
          $("ul.nav li:eq(2)").addClass("active");
        }
        else
          if (full_url.substr(pos_id, 5) == 'id=71') {
           $("ul.nav li").removeClass();
           $("ul.nav li:eq(3)").addClass("active");
          }
         else {
           $("ul.nav li").removeClass();
           $("ul.nav li:eq(1)").addClass("active");
         }
  }
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.04.2013, 10:43
Помогаю со студенческими работами здесь

Добавление класса к элементу по нажатию на кнопку
Здравствуйте, есть на сайте несколько кнопок &lt;a class=&quot;module-link&quot; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;a class=&quot;module-link&quot; ...

Добавление атрибута элементу
Помогите добавить атрибут required=&quot;required&quot; текстовому полю если чекбокс checkbox1 изменяется onchange=&quot;&quot;

Добавление события к элементу
Всем привет! Вот у меня есть такая задачка: у меня с сервака подгружается информация, которую я средствами js вставляю в див с определённым...

Доступ к предпоследнему элементу списка
Есть список такого плана Как получить доступ к предпоследнему элементу и изменить текст вложенного span (в данном случае &quot;New Text...

Добавление еще одного обработчика события к элементу
Подскажите, как добавить еще один обработчик события элемента, если для этого события уже установлены обработчики?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru