引导程序弹出窗口，JQuery hover和$ .get-弹出窗口的快速通过使它们全部保持打开状态

如何解决引导程序弹出窗口，JQuery hover和$ .get-弹出窗口的快速通过使它们全部保持打开状态

我触发了一个悬停在多个请求上的异步请求

<span></span>

标记（每次一次）以从服务器获取数据；这些信息随后将馈入Bootstrap弹出窗口。 一切正常，但是我注意到一个烦人的问题，我无法摆脱：如果我偶尔快速地将鼠标悬停在一个标签上，相应的弹出窗口会同时发出，并且无法销毁它们“ onmouseleave”。

我已经尝试了几种解决方法来避免这种现象，但是都没有解决。这是默认情况下的预期行为吗？您是否为此面临解决方案？下面的代码段是以“快速而肮脏的”方式编写的，仅用于测试此功能。 谢谢您的帮助，非常感谢。

<span class="my-popover" id="abcd_Server1" style="color:#0000EE;font-weight:bold;cursor:pointer;" data-html="true" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="">abcd</span><br><br>

<span class="my-popover" id="cdef_Server2" style="color:#0000EE;font-weight:bold;cursor:pointer;" data-html="true" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="">cdef</span>

<script>
$('.my-popover').hover(function(){
var info;
var reference = $(this).attr('id').split('_');
var id = reference[0];
var source = reference[1];

$.get("php/myPHPcode.php",{id: id,source: source})
.done(function(data) {      
        var myJsonObject = jQuery.parseJSON(data);
        
        if (myJsonObject != false){

            info = some data elaboration here; 

            $('#'+id+'_'+source).attr({'title': "title",'data-content': info}).popover('show');
        } else {
            $('#'+id+'_'+source).attr({'title': "title",'data-content': 'N/A'}).popover('show');
        }           
    },"json")
.fail(function() {
        $('#'+id+'_'+source).attr({'title': "title",'data-content': 'N/A'}).popover('show');
    });
},function(){
    $("[data-toggle='popover']").popover('dispose');
});
</script>