Jquery 延迟事件

Question

$('#cart > .heading a').bind('mouseenter', function() {
    $('#cart').addClass('active');


    $.ajax({
        url: 'index.php?route=checkout/cart/update',
        dataType: 'json',
        success: function(json) {
            if (json['output']) {
                $('#cart .content').html(json['output']);
            }
        }
    });         

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

我需要延迟 mouseleave 上的removeClass。我可以简单地添加一个 this.delay 行吗？

Answer 1

您可以使用 setTimeout()

$('#cart').bind('mouseleave', function() {
    var $that = $(this);
    setTimeout(function(){$that.removeClass('active');}, 500); //500 millisec delay
});