мышиный центр и проблемы мышиного выхода с выпадающим - PullRequest
0 голосов
/ 11 января 2019

Мне нужно сделать выпадающее меню. Проблема в том, что структура HTML заставляет меня использовать jQuery, а не CSS с опциями fadeIN и fadeOut. В главном меню я получил такие опции, как Категория блога и О себе. Проблема в том, что подменю добавлено позже кем-то, и я не могу изменить его (так как я не могу изменить HTML). Мне нужно сделать подменю, чтобы оно отображалось ТОЛЬКО при наведении курсора на категорию, но когда я использую mouseenter и mouseleave на Categoryc, оно исчезнет, ​​пока мне не удастся щелкнуть sth в подменю. Как сделать условие (возможно, если, если?), Чтобы подменю оставалось на месте, когда мышь перемещается из категории, но все еще находится в div с подменю?

subMenu: function () {
        //
        console.log('subMenu')  
        //
        $("#mainNav > ul > li:nth-child(2)").mouseenter(function(){
            $(".category-menu").fadeIn();

        })

        $("#mainNav > ul > li:nth-child(2)").mouseleave(function(){
            $(".category-menu").fadeOut();

        })
    },

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

По сути, моя проблема в том, что подменю не является частью главной навигации, и мне запрещено изменять его в html.

1 Ответ

0 голосов
/ 11 января 2019

Предполагая, что $(".category-menu") является вашим элементом подменю, вы можете использовать ответ на этот вопрос: mouseenter mouseleave подменю вы также можете использовать .css() для динамической установки простого CSS для элементов с помощью jQuery, посмотрите на документация .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...