Javascript 悬停弹出窗口闪烁得如此之快

我在悬停时创建了一个弹出窗口，但它的闪烁速度太快了。我试图应用超时，延迟功能，以及，但没有运气。也许我做错了

$（document）.on（'mouseout'，'.lash opt'，function（）{
$（'悬停弹出'）.css（{display:'无'}）；
});
$（document）.on（'mouseover'，'.lash opt'，function（）{
$（'#悬停弹出框'）.css（{display:'block'}）；
});
.lash opt img{
宽度：100px；
高度：100px；
边框：2件纯黑；
}
#悬停弹出窗口{
显示：无；
}
#悬停弹出式img{
宽度：100px；
高度：100px；
}

3.
对于非基础的人来说，完美的基础。我们最流行的款式，这些多才多艺的睫毛跟随并放大了睫毛的自然长度，打造日常自然造型

而不是
display:none
和
display:block
使用
fadeIn（）
和
fadeOut（）
，您可以使用
delay（）
设置
fadeOut
之前的延迟时间

$(document).on('mouseout', '.lash-opt', function() {
  $('#hover-popup').delay(1000).fadeOut(500);
//Set delay time -----------^

//Set transition time--------------------^
});


$（document）.on（'mouseout'，'.lash opt'，function（）{
$（'悬停弹出'）。延迟（1000）。淡出（500）；
});
$（document）.on（'mouseover'，'.lash opt'，function（）{
$（'悬停弹出'）.fadeIn（500）；
});
.lash opt img{
宽度：100px；
高度：100px；
边框：2件纯黑；
}
#悬停弹出窗口{
显示：无；
}
#悬停弹出式img{
宽度：100px；
高度：100px；
}

3.
对于非基础的人来说，完美的基础。我们最流行的款式，这些多才多艺的睫毛跟随并放大了睫毛的自然长度，打造日常自然造型

$（document）.on（'mouseout'，'.lash opt'，function（）{
$（#悬停弹出窗口'）。动画（{opacity:0}，300，function（）{
$（'#悬停弹出框'）.css（{'display:'none'}；
});
});
$（document）.on（'mouseover'，'.lash opt'，function（）{
$（#悬停弹出窗口'）。动画（{opacity:1}，300，function（）{
$（'悬停弹出'）.css（{'display'：'block'}）；
});
});

.lash opt img{
宽度：100px；
高度：100px；
边框：2件纯黑；
}
#悬停弹出窗口{
显示：无；
}
#悬停弹出式img{
宽度：100px；
高度：100px；
}


3.
非基础型睫毛的完美基础型。我们最流行的款式，这些多功能睫毛跟随并放大了睫毛的自然长度，打造日常自然造型




$（'.lash opt'）.mouseover（函数（）{
$（'悬停弹出'）.css（{'display'：'block'}）；
$（#悬停弹出窗口'）。设置动画（{opacity:1}，500，function（）
{ });         
});
$（'.lash opt'）.mouseout（函数（）{
$（#悬停弹出窗口'）。设置动画（{opacity:0}，500，function（）
{$（'#悬停弹出框'）.css（{'display'：'none'}）；
});         
})；
.lash opt img{
宽度：100px；
高度：100px；
边框：2件纯黑；
}
#悬停弹出窗口{
显示：无；不透明度：0；
}
#悬停弹出式img{
宽度：100px；
高度：100px；
}

3.
非基础型睫毛的完美基础型。我们最流行的款式，这些多功能睫毛跟随并放大了睫毛的自然长度，打造日常自然造型

这对我来说似乎很好。@Granny我想增加2,3秒的延迟时间好吧，我没有从你的问题中得到这一点。似乎X先生有你想要的例子。我会尽快与你分享我的反馈意见。请也投票支持我的问题谢谢：）