javascript - AJAX Kendo 工具提示竞争条件

Question

我正在进行 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")) 条件。但它仍然无法解决问题。

Answer 1

看到这个问题:Jquery condition check is(':hover') not working .

:hover 是一个 CSS 伪类，而不是可以与 .is() 一起使用的 jQuery 选择器。

试试这个:

var id = $(e.target).prop("id");                      
if ($("#" + id + ":hover").length > 0) { tooltip.show(); }    

DEMO