单击处理程序上的 jQueryUI 工具提示在 sweetalert 对话后重新出现

Question

我正在使用 jQueryUI tooltip() 和 SweetAlert。

我要实现的目标应该非常简单：

当用户将鼠标悬停在 link 上时，会显示工具提示
当用户点击 link 时，工具提示消失并出现 SweetAlert 提示

但实际上发生的事情是这样的：

当用户将鼠标悬停在 link 上时，会显示工具提示（正常）
当用户点击说 link 时，工具提示消失，出现 SweetAlert 提示...但是随后当用户点击关闭提示时，工具提示随机重新出现并且一直停留在那里直到用户点击其他地方!?

我已经成功地在 jsFiddle 中复制了它。我只尝试了 $(document).tooltip();，并且根据 fiddle，我尝试了对 tooltip("remove") 的链接单击命令。两者似乎都不起作用。

我猜 SweetAlert 的提示是 "breaking" jQuery UI 的点击事件...但我不知道如何解决它。

有什么想法吗？

Answer 1

只需 blur div，只要您 click 如下所示。可能是个巧妙的把戏。

DEMO

$(document).ready(function() {
    $(document).tooltip({ show: false, hide: false }).click( function () {
          $(this).tooltip("close");
    });

    $('div').on("click", "#test", function() {
        $(this).blur();//Add this here, get the focus outta there
        swal("Test", "Test...", "info");
        return;
    });

});

单击处理程序上的 jQueryUI 工具提示在 sweetalert 对话后重新出现

jQueryUI tooltip on click handler, reappears after sweetalert dialogue

jquery

jquery-ui

sweetalert