在css下拉菜单中为鼠标输出功能添加延迟

Question

我想为鼠标输出功能添加延迟大约1000ms 感谢

$('#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秒钟。