Hover function для меню

135
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% работать.

READ ALSO
Проблема с установкой свойства css через js
jQuery

Проблема с установкой свойства css через js

Есть на сайте структура <ul><li><ul><li>То есть в каждом элементе первого списка еще по списку

 106
Найти общие точки у графиков OxyPlot
c#

Найти общие точки у графиков OxyPlot

У меня есть два графика, нарисованные с помощью oxyplot, шаг графиков - 001, графики рисуются по массивам, то есть их нельзя задать какой-либо функцией

 118
Не отображается Content
c#

Не отображается Content

Можете подсказать в чем проблемаУ меня есть UserControl c ListBox, с помощью него я выбираю страницу для отображения в ContentPresenter

 112
Как определить версию dll и exe файла в C#?
c#

Как определить версию dll и exe файла в C#?

Необходимо в приложении проверять версию dll и exe файла (данные файлы сторонние, и не используются в самой программе) так же необходимо вывести...

 126