Javascript 如果鼠标悬停，则不显示标题

我正在jquery中创建一个悬停函数，当您将鼠标悬停在图像上时，它会在div框中显示其标题。假设所有的图像一个接一个地在一起，它们之间没有空格，若我从第一行开始悬停到最后一行，它会显示所有图像的标题。我将延迟设置为1秒

heres代码

    $('.media-content img').hover(function(e){
var x = -5;
var y = 15;
var detail= $(this).attr('alt');
$('<span class="hovercontent">'+ detail +'</span>')
            .delay(800)
            .css('top', e.pageY + y)
            .css('left', e.pageX + x)
            .appendTo('body')
            .fadeIn('fast');
            }, function()
            {
             $('.hovercontent').fadeOut(50);
           });

$（'.media content img'）。悬停（函数（e）{
var x=-5；
变量y=15；
var detail=$（this.attr（'alt'）；
$（''+详细信息+''）
.延迟（800）
.css（'top'，e.pageY+y）
.css（'left'，e.pageX+x）
.appendTo（'正文'）
.fadeIn（“快速”）；
}，函数（）
{
$（'.hovercontent'）。淡出（50）；
});

在这种情况下，如果我将鼠标悬停在图像上，则在第二秒钟后它会显示出来。 我想，如果我立即悬停，那么该图像的标题将不会显示。

---

你们可以说，在操作系统中，当你们悬停一个文件时，它会显示细节，若你们绕过它，那个么它就不会。类似的我想在这里//

我接受前面问题的答案您已经问了9个问题，只接受了其中一个问题的答案。一般来说，在Stackoverflow上，如果您发现问题的答案有帮助，那么您接受答案。你真的只发现你回答的问题中有一个是有帮助的吗？