Я пытаюсь создать «мегаменю», используя вложенный <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>
Благодарность
2 ответа
Если вы пытаетесь создать меню в стиле suckerfish , вам следует попробовать плагин hoverIntent или еще лучше, используйте плагин Superfish который поддерживает это.
С уважением.
Чтобы предотвратить закрытие мегаменю при наведении курсора на дочерние элементы внутри родительского 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
Он помогает вам быстро и легко, без каких-либо проблем создавать гибкое мегаменю, верхний колонтитул, боковую панель и нижний колонтитул с множеством функций ... Это именно то, что вам нужно :)
Вам не нужно программировать все самостоятельно с самого начала, когда решение уже есть!
Похожие вопросы
Новые вопросы
jquery
jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript. jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.