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

时间:2015-08-29 12:28:23

标签: jquery jquery-ui sweetalert

我正在使用带有SweetAlert的jQueryUI工具提示()。

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

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

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

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

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

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

});