问题描述
我触发了一个悬停在多个请求上的异步请求
<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>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)