Я пытаюсь создать «мегаменю», используя вложенный <ul> в <li>. Используя jQuery (наведение курсора) на родительский <li>, я могу заставить появиться <ul class="sec1" и <ul class="sec2">.

Но наведение указателя мыши на li не работает, потому что раскрывающееся меню исчезает, как только вы развертываете родительский <li>. Как сделать так, чтобы раскрывающийся список оставался активным, если указатель мыши находится над родительским <li> или дочерним <ul>?

Структура HTML ниже.

<li>link
 <ul class="sec1">
  <li>sub-link1</li>
  ......
  <li>sub-link5</li>
 </ul>
 <ul class="sec2">
  <li>sub-link1</li>
  ......
  <li>sub-link5</li>
 </ul>
</li>

Благодарность

3
pixeltocode 27 Сен 2010 в 09:50
1
Где у тебя проблемы? Какой браузер? Я не могу воспроизвести это с помощью jsfiddle.net/vMPRa (меню остается открытым над любым подменю)
 – 
Robert
27 Сен 2010 в 09:57
Благодарю. похоже, ваш jQuery работает. Я использовал отдельные функции для отображения и скрытия. могу ли я принять комментарий как ответ?
 – 
pixeltocode
27 Сен 2010 в 10:11
- вы хотите опубликовать свой JQeury в качестве ответа?
 – 
pixeltocode
27 Сен 2010 в 10:23
Нет, это нормально, если работает, то все готово.
 – 
Robert
27 Сен 2010 в 18:02

2 ответа

Лучший ответ

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

С уважением.

2
xmarcos 27 Сен 2010 в 11:44

Чтобы предотвратить закрытие мегаменю при наведении курсора на дочерние элементы внутри родительского li, вы должны использовать событие mousemove. Вот пример, который я создал для вас: https://jsfiddle.net/imalitavakoli/bpmyu1sb/2/

И вы также можете рассмотреть возможность использования этого плагина jQuery и фреймворка CSS: https://myflashlabs.github.io/ 24компонент-бары /

Вот и пример его мегаменю: https://myflashlabs.github.io/24component-bars/previews/ nav-03.html

Он помогает вам быстро и легко, без каких-либо проблем создавать гибкое мегаменю, верхний колонтитул, боковую панель и нижний колонтитул с множеством функций ... Это именно то, что вам нужно :)

Вам не нужно программировать все самостоятельно с самого начала, когда решение уже есть!

1
Ali 21 Май 2017 в 02:26