javascript - HoverOut 時にタイトルを表示したくない

Question

jqueryでホバー機能を作成しています。画像にカーソルを合わせると、そのタイトルがdivボックスに表示されます。すべての画像が次々と一緒になっていて、それらの間にスペースがないとします。行の最初から最後までホバーを開始すると、すべてのタイトルが表示されます。私は1秒の遅延を設定します

こちらのコード

    $('.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);
           });

これで、画像からホバーアウトすると、1秒後に表示されます。すぐにホバーアウトすると、その画像のタイトルが表示されないようにしたかったのです。オペレーティングシステムのように、ファイルにカーソルを合わせると詳細が表示されますが、バイパスすると表示されません。私がここで欲しかったのと同じように//