我正在进行 AJAX 调用以通过 POST 请求检索一些数据。然后,我使用该数据创建工具提示。这是代码:
j$("#selectorID").one('mouseover',
function(e) {
var ticketType = e.target.classList[2];
var ticketID = j$(e.target).data("ticket-id");
j$.post("/Some/Url/",
{ "ticketID":ticketID, "ticketType":ticketType },
function(r) {
var title = r["title"];
var tooltip = j$(e.target).kendoTooltip( { content: title, position: "top" } ).data("kendoTooltip");
if (j$(e.target).is(":hover")) { tooltip.show(); } // Race condition
}
);
}
);
我认为存在竞争条件,因为工具提示即使在我的鼠标移开后仍会出现。然后我必须将我的点放在元素上,然后再次将其移开,使其消失。可以做些什么来解决这个问题?
我尝试了几种不同的方法,包括您在此处看到的 if (j$(e.target).is(":hover"))
条件。但它仍然无法解决问题。
最佳答案
看到这个问题:Jquery condition check is(':hover') not working .
:hover 是一个 CSS 伪类,而不是可以与 .is() 一起使用的 jQuery 选择器。
试试这个:
var id = $(e.target).prop("id");
if ($("#" + id + ":hover").length > 0) { tooltip.show(); }
关于javascript - AJAX Kendo 工具提示竞争条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32852188/