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

Question

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

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

• 当用户将鼠标悬停在链接上时，会显示工具提示
• 当用户单击所述链接时，工具提示消失并出现 SweetAlert 提示

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

• 当用户将鼠标悬停在链接上时，会显示工具提示（很好）
• 当用户单击所述链接时，工具提示消失，出现 SweetAlert 提示...但是当用户单击提示时，工具提示会随机重新出现并停留在那里，直到用户单击其他地方！？

我设法在jsFiddle中复制了它。我试过了$(document).tooltip();，按照小提琴，我用链式点击命令试过了tooltip("remove")。两者似乎都不起作用。

我猜 SweetAlert 的提示是“破坏”jQuery UI 的点击事件......但我不知道如何解决这个问题。

有什么想法吗？

Answer 1

只要你blur在下面。可能是一个巧妙的技巧。divclick

演示

$(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;
    });

});