Запустить указатель jQuery () над привязкой, чтобы отобразить раскрывающиеся списки внутри содержащих LI?

Question

У меня есть горизонтальная панель навигации, которая представляет собой неупорядоченный список с тегами привязки.В настоящее время он использует указатель jQuery (mouseover и mouseout) для отображения раскрывающейся навигации в каждом LI.

Как я могу сделать это, вместо того, чтобы вызывать раскрывающийся список при наведении курсора на LI, он будет срабатывать при наведении мышинад тегом привязки?Когда я меняю его на якорь, раскрывающийся список всегда исчезает при наведении на него сверху, но он прекрасно работает, когда я устанавливаю LI в качестве цели для hover () (думаю, потому что весь раскрывающийся кодобернут в LI, поэтому курсор все еще находится над LI).

Мне нужно настроить его таким образом из-за дизайна, поэтому нет никакого способа изменить его.Мне нужно, чтобы hover () запускался только с якоря, а не с LI.

Answer 1

Попробуйте поместить тег span внутри якоря:

<a href='#'><span>test</span></a>

a span {
    display: block;
}

Answer 2

Вы можете изменить класс LI с помощью кода наведения для привязки. Поменяйте его обратно, когда вы отойдете от LI.

Answer 3

Проблема, с которой вы столкнулись, если я правильно понимаю, заключается в том, что раскрывающийся список закрывается до того, как вы наведете на него курсор мыши.Вероятно, это связано с тем, что между тегом привязки и выпадающим меню есть пробел.

Как насчет того, чтобы заменить открывающий элемент на тег a, а затем добавить небольшой таймер, который держит раскрывающийся список открытым дляодну или несколько секунд, даже если вы наведите курсор мыши?Такое дополнение приятно в любом случае позже, оно раздражает, если вы случайно щелкаете мышью из навигационной панели и вынуждены возвращаться назад, потому что она закрыта.

Редактировать: Кроме того, да, JSFiddle it.