Всплывающая подсказка jQueryUI в обработчике кликов, снова появляется после диалога сладкого оповещения

Я использую всплывающую подсказку jQueryUI() с SweetAlert.

То, чего я пытаюсь достичь, должно быть довольно простым:

  • когда пользователь наводит курсор на ссылку, отображается всплывающая подсказка
  • когда пользователь щелкает указанную ссылку, всплывающая подсказка исчезает и появляется приглашение SweetAlert

На самом деле происходит что-то вроде этого:

  • когда пользователь наводит курсор на ссылку, отображается всплывающая подсказка (отлично)
  • когда пользователь щелкает указанную ссылку, всплывающая подсказка исчезает, появляется приглашение SweetAlert... но затем, когда пользователь щелкает приглашение, всплывающая подсказка случайно появляется снова и остается там пока пользователь не щелкнет в другом месте!?

Мне удалось воспроизвести это в jsFiddle. Я пробовал только $(document).tooltip();, и, согласно скрипке, я пробовал это с последовательной командой щелчка на tooltip("remove"). Ни то, ни другое не работает.

Я предполагаю, что подсказка SweetAlert «ломает» событие щелчка пользовательского интерфейса jQuery ... но я понятия не имею, как это исправить.

Есть предположения?


jquery sweetalert jquery-ui
person turbonerd    schedule 29.08.2015    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Просто blur div, как только вы click как показано ниже. Может быть хитрый трюк.

ДЕМО

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

});
person Guruprasad J Rao    schedule 29.08.2015
comment
В любое время.. Удачного кодирования.. :) - person Guruprasad J Rao; 29.08.2015