Есть код 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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

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