jquery - 下拉菜单在 10 秒后关闭

Question

我有个问题。

$(function () {
             $('.drop-down').click(function(e){
                $('.nav-fixed').toggleClass('open');
                e.stopPropagation();
            });
        });

我想要当鼠标从#nav.nav-fixed.open 10 秒后关闭时

Answer 1

尝试

$(function () {
    $('.drop-down').click(function(e){
        clearTimeout($(this).data('cleartimer'))
        $('.nav-fixed').toggleClass('open');
        e.stopPropagation();
    });
    $('.drop-down').mouseleave(function(){
        var id = setTimeout(function(){
            $('.nav-fixed').removeClass('open');
        }, 10000);
        $(this).data('cleartimer', id);
    })
});

演示：小提琴