Есть код JS, как отредактировать?

@bb_oo · Регистрация: 22.11.2013

Студворк — интернет-сервис помощи студентам

Согласен, название топика ни очем, но не об этом речь=) В общем ребят, есть код JS(ниже), он присваивает стиль для активной ссылки в меню, а как его изменить, чтобы он присваивал не для "ссылки" а для элемента меню, т.е. "<li>"??????

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$(function() {
    $('#box-category').on('click', 'li', function(event) {
         $(this).addClass("active").siblings().removeClass("active");   
         event.preventDefault();
    });
});
</script>
<style>
.active {
  background: #000;
}
</style>

Добавлено через 3 часа 33 минуты
ну неужели так сложно? 2-х минутное дело блин, а помочь никто не может(

Vovan-VE · 25.12.2013, 17:09

Разметку в студию.

@bb_oo · 25.12.2013, 21:40 **[ТС]**

HTML5
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
32
33
34
35
36
37
38
39
40
41
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
<script language="JavaScript" type="text/javascript">
function highlight(){
  var tags=document.getElementsByTagName("li");
  for(i in tags){
    if(tags[i].className=="nav"){
        if(document.location.href==tags[i].firstChild.href){
            tags[i].className += " active";
        }
    }
  }
}
</script>
<script language="JavaScript" type="text/javascript">highlight()</script>
<style>
.box-category > ul > li.current {
 
background: blue;
 
}
 
</style>
<div class="box">
  <div class="box-content">
    <div class="box-category">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li class="nav">
          <?php if ($category['category_id'] == $category_id)  { ?>
          <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
          <?php } else { ?>
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php } ?>
  
        </li>
        <?php } ?>
      </ul>
    </div>
  </div>
</div>

Добавлено через 1 минуту
В моем случае выделяется активная ссылка в <li>, а мне нужно, чтобы по-мимо этого присваивался класс еще и к активному <li>, помоги, будь добр! Уже "весь инет перерыл"...

Добавлено через 4 часа 23 минуты
Все равно! Не помогает! Он выделят ссылку в <li> как я уже и говорил, а мне нужно чтобы выделялся <li> а не ссылка в нем?

Добавлено через 4 минуты

@aarkhipov · 27.12.2013, 23:15

Эмм, ну класс то присваивается <li>, судя по всему, вы имеете ввиду, что визуально меняется ссылка, а не <li>? Вам в CSS.

@bb_oo · 28.12.2013, 13:21 **[ТС]**

Ды я уже решил) спасибо!)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.12.2013, 17:09
	Разметку в студию. 0

@aarkhipov 23 / 23 / 4 Регистрация: 24.11.2012 Сообщений: 97
	27.12.2013, 23:15
	Эмм, ну класс то присваивается <li>, судя по всему, вы имеете ввиду, что визуально меняется ссылка, а не <li>? Вам в CSS. 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	28.12.2013, 13:21 [ТС]
	Ды я уже решил) спасибо!) 0

Опции темы