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

Question

我正在使用带有SweetAlert的jQueryUI工具提示（）。

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

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

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

• 当用户将鼠标悬停在某个链接上时，工具提示会显示（正常）
• 当用户点击所述链接时，工具提示消失，当用户点击提示时，然后会出现SweetAlert提示，工具提示会随机重新出现和留在那里直到用户点击其他地方！？

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

我猜SweetAlert的提示是“打破”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;
    });

});