de-vraag
Дополнительно
Вопрос

Выпадающий JQuery исчезает при наведении

Я установил типичный навигатор, и когда вы наведите указатель мыши на один элемент («Наши команды») появится раскрывающийся список (используя jquery ниже):

$("li#menu-item-20").hover(function(){
            $("#dropdown").stop().fadeIn(500);
        }, function(){
            $("#dropdown").stop().fadeOut(500);
        });

Когда вы наводите курсор на раскрывающийся список ( #dropdown ), выпадающее меню исчезает (потому что я зависал от пункта меню) мне нужно, чтобы jquery работал, чтобы он зависал над выпадающим списком и исчезают после того, как вы наведете указатель мыши на выпадающее меню и в навигационном меню.

Any ideas? You can see a working example at http://pixelcakecreative.com/cimlife/

Cœur
Cœur
Редактировал вопрос 13-го ноября 2018 в 2:52
Программирование
jquery
drop-down-menu
nav

Если вы привязываете событие mouseleave к элементу #dropdown , раскрывающееся меню останется до выпадающего меню пользователя:

//Note: no need for the `li` here as there will only be 1 element with this id on the document
$('#menu-item-20').bind('mouseenter', function () {
    $("#dropdown").stop(true, true).fadeIn(500);
});
$('#menu-nav').children('.menu-item').not('#menu-item-20').bind('mouseenter', function () {
    $("#dropdown").stop(true, true).fadeOut(500);
});
$('#dropdown').bind('mouseleave', function () {
    $("#dropdown").stop(true, true).fadeOut(500);
});

Here is a jsfiddle of the above solution: http://jsfiddle.net/jasper/kED9T/2/

Похожие сообщества 2
Верстка сайтов HTML/CSS/JS/PHP
2 952 пользователей
Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @bigmarketolog Автор: @M_Boroda
jQuery — русскоговорящее общество
498 пользователей
Общаемся на темы, посвященные jQuery, jQuery-плагинам и фреймворкам. Хедхантинг разрешён. Полезные чаты: @javascript_jobs