Раскрывающееся меню должно оставаться открытым после .hover

Question

Раскрывающееся меню должно оставаться открытым после .hover

0

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

$(".dropdown .sub").hover(function () {
     $("#menu .holder").show();
});

markp 24 сен. 2013, в 23:23

Источник

Теги:

jquery

1 ответ

Ещё вопросы

lefoy · Answer 1 · 2013-09-24T18-24-00.000Z

Проверьте этот ответ: добавьте задержку перед.hide() w/jQuery

var my_timer;
$(".item").hover(
    function () {
        clearTimeout(my_timer);
        $(this).show();
    }, 
    function () {
        var $this = $(this);
        my_timer = setTimeout(function () {
            $this.hide();
        }, 500);
    }                       
);

К сожалению, по какой-то причине это не работает: var my_timer; $ (". dropdown .sub"). hover (function () {clearTimeout (my_timer); $ ("# menu .holder"). show ();}, function () {var $ this = $ (this); my_timer = setTimeout (function () {$ this.hide ();}, 500);}
Я ответил на свой собственный вопрос: $ ('. Dropdown .sub'). Mouseleave (function () {$ ('# menu .holder'). Delay (800) .slideUp (400);});