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