Hover function для меню
155
11 декабря 2019, 13:40
Есть структура:
$('li').hover(function(){
$(this).addClass('active');
}, function(){
$(this).removeClass('active');
});<ul class="list-group">
<li class="list-group-item">Текст 1
<ul class="list-group">
<li class="list-group-item">Текст 2</li>
<li class="list-group-item">Текст 3</li>
</ul>
</li>
<ul>Проблема: при наведении на <li> второго уровня, активным становится и <li> первого уровня.
Answer 1
Вы, батенька, наступили на очень большие грабли. Кроме шуток. CSS наследование называется. И универсального решения нет. Но есть ньюансы. К примеру использовать CSS псевдокласс :hover для выделения. Это будет 100% работать.
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47584 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30499 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23647 visits
- Как через css изменить цвет png изображения? 10353 visits
- Blob video url download 9963 visits
- Php curl запрос через прокси с авторизацией 9214 visits
- Работа с captcha vk api 8096 visits
© "hostciti.net" 04.12.2024 | 11:46