jQuery在jQuery post方法之后在弹出窗口中显示信息，如果链接悬停

Question

我在链接whith whith Actor名称上徘徊的Actor Info进行了弹出窗口。但是，如果用户悬停的链接非常快，它通常可以同时是2个弹出窗口。是否可以检查链接是否尚未悬停，因此弹出窗口会在某些链接上显示某些信息？这是我的代码

    $('.persons a').mouseenter(function(){
    var url = $(this).attr('href');
    var elem = $(this);
    $('#person_info').remove();
    $.post(
        '/site/get_person_info',
        'url=' + url,
        function(data) {
            if (data != 'error') {
                function show_creator_info(url) {
                    if ($('.persons a:hover').length != 0) {
                        $(elem).append(data);
                    }
                }
                show_creator_info(url);
            }
        }
    );
    $('.persons a').mouseleave(function(){
        $('#person_info').remove();
    });
});

这是一个演示输入链接描述。div" ~~

Answer 1

设置一个称为 loading的变量，以了解您是否获取数据，并且如果加载为TRUE，请不要再次请求。

var loading = false;
$('.persons a').mouseenter(function(){
    if (loading) return;
    var url = $(this).attr('href');
    var elem = $(this);    
    $('#person_info').remove();
    loading = true;
    $.post(
        '/site/get_person_info',
        'url=' + url,
        function(data) {
            if (data != 'error') {
                function show_creator_info(url) {
                    if ($('.persons a:hover').length != 0) {
                        $(elem).append(data);
                    }
                }
                show_creator_info(url);
            }
            loading = false;
        }
    );
    $('.persons a').mouseleave(function(){
        $('#person_info').remove();
    });    
});