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); 
});