jquery – 停止事件请求

我有一个工具提示,其中包含从ajax加载的数据：

$('.show_tooltip').hover(
    function(){
        $.post('getdata.PHP',function(data)    {
            $('#tooltip').html(data);
            $('#tooltip').show()
        });
    },function(){
        $('#tooltip').hide(); 
    }
);

有用.
但问题是 – 当我将它悬停在元素上并快速移出鼠标时,所以$(‘#tooltip’).show()没有效果,它隐藏().但是当数据加载时,它会弹出并保持显示而不会悬停.

可以做些什么呢.有没有办法完全停止发布请求？

解决方法

jQuery AJAX方法返回一个 jqXHR对象,它是本机 XMLHttpRequest对象的扩展,它有一个中止方法来停止请求：

var xhr;
$('.show_tooltip').hover(
    function(){
        //Save reference to the jqXHR object
        xhr = $.post('getdata.PHP',function(data) {
            $('#tooltip').html(data);
            $('#tooltip').show()
        });
    },function(){
        xhr.abort(); //Abort the request
        $('#tooltip').hide(); 
    }
);