jquery - Mouseenter 和 AJAX 事件 - JQUERY

Question

嗨，我对 mouseenter 和 ajax 触发器有疑问。如果我像 1 秒那样专注于对象，我想触发 ajax。如果我离开了对象，它不应该触发 ajax 事件。

$('.popHover').mouseenter(function(e){
    setTimeout(function(){
    // ajax event here and pophover will show
    },1000)
}).mouseout(function(e){
    // close pophover
})

Answer 1

您可以使用clearTimeout。

var timeout_id;

$('.popHover').mouseenter(function(e){
    timeout_id = setTimeout(function(){
    // ajax event here and pophover will show
    },1000);
}).mouseout(function(e){
    // close pophover
    clearTimeout(timeout_id);
});