添加延遲鼠標進行功能的CSS下拉菜單

Question

我想延遲添加到鼠標移出功能約1000毫秒 感謝

$('#cart .arrow').live('mouseover', function() { 
    $('#cart').addClass('active'); 
    $('#cart').load('index.php?route=module/cart #cart > *'); 

    $('#cart > .content').slideToggle('fast'); 
    $('#cart').live('mouseleave', function() { 
     $(this).removeClass('active'); 
    } 
}); 

Answer 1

與setTimeout

$('#cart').live('mouseleave', function() { 
    setTimeout(function() { 
     $(this).removeClass('active'); 
    }, 1000) 
}); 

Answer 2

$('#cart').addClass('active'); 

    $('#cart').load('index.php?route=module/cart #cart > *'); 

    $('#cart > .content').slideToggle('fast'); 

    $('#cart').live('mouseleave', function() 
    { 

     setTimeout(function() 
     { 
     $(this).removeClass('active'); 
     }, 5000); 

    }); 

試試這將導致鼠標延遲5秒。