jquery 仅在第一次悬停时显示 div

Question

我正在尝试创建一个带有“popup”类的div，它将淡入五秒，然后在“left”悬停时淡出，但仅在第一次悬停时淡出。这是我到目前为止的代码...

$(document).ready(function() {
var i = 1;
if (i == 1) {
    $('.left').hover(function() {
    $('.popup').fadeIn(1000); 
    }, 
    function() {
        $('.popup').fadeOut(1000);  
    });
    i++; 
}; 
});

Answer 1

$('.left').one('mouseenter', function() {
    $('.popup').fadeIn(1000); 
})
.one('mouseleave', function() {
    $('.popup').fadeOut(1000);  
});