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);
    })
});

演示：Fiddle