jquery - 如何在 AJAX 请求加载之前隐藏 div？

Question

当我将鼠标悬停在带有类(class)相册的 div 上时，ajax 会加载并显示幻灯片 div。然后，当我离开相册 div 时，它会隐藏幻灯片 div。正是我想要的。问题是，当我将鼠标悬停在专辑 div 上并在 ajax 加载之前离开时，当我没有将鼠标悬停在专辑 div 上时，它会加载。我怎样才能拥有它，这样如果我没有将鼠标悬停在 div 上，幻灯片 div 无论如何都不会显示？

JQUERY

$('.album').hover(function(){
    var id = $(this).attr('id');

    var url = "albumphotos.php";
    $.post(url, {contentVar: id}, function(data){
        $("#album_slide").html(data).show();

    });
    }, function(){
    $("#album_slide").html("").hide();
});

Answer 1

离开相册时尝试中止ajax

$('.album').hover(function(){
    var id = $(this).attr('id');

    var url = "albumphotos.php";
    var ajax = $.post(url, {contentVar: id}, function(data){
        $("#album_slide").html(data).show();
        $(this).removeData('slideajax');
    });
    $(this).data('slideajax', ajax);
}, function(){
    var ajax = $(this).data('slideajax');
    if(ajax){
        $(this).removeData('slideajax');
        ajax.abort();
    }

    $("#album_slide").html("").hide();
});