悬停后Jquery延迟不起作用

Question

我有jQuery延迟的问题。我需要在5秒后添加一个类，所以我写了这个：

工作示例：

$('#category #product_list .ajax_block_product').on('mouseover',function(){
    var that = $(this);
    setTimeout(function(){
        that.find('.sl').show();
        that.find('.product_img_link img').hide();
        that.addClass('hovered');
    }, 500);
});

$('#category #product_list .ajax_block_product').on('mouseleave',function(){
    $(this).find('.sl').hide();
    $(this).find('.product_img_link img').show();
    $(this).removeClass('hovered');
}); 

这是第一次工作，但是当我第二次悬停时，hovered课程没有添加，我不知道为什么。

有人可以帮我解决这个问题吗？

Answer 1

尝试使用;

ocaml

Answer 2

您需要将500更改为5000，如评论中所述。 100 = 100毫秒（毫秒），而不是1秒。 1秒= 1000毫秒。