Всплывающие подсказки jQuery Tools не исчезают после исчезновения до 2-го наведения ссылки

Question

У меня проблема с подсказками jQuery Tools. Функциональность, которая у меня есть на данный момент, заключается в том, что когда пользователь наводит курсор на ссылку, всплывающая подсказка отображается и не закрывается, пока пользователь не нажмет клавишу "Esc" или не щелкнет где-то на странице, которая не является подсказкой.

Моя проблема заключается в том, что как только всплывающая подсказка исчезает, но не исчезает при следующем наведении на ссылку. Только после второго раза, когда я наведу ссылку, всплывающая подсказка появится снова.

Я видел, что всплывающая подсказка для инструментов jquery не появляется с первой попытки после hide(), но я видел, как решение этой проблемы может помочь мне с моей.

$(document).ready(function () {

   $(document).click(function () {
       $(".tooltip").fadeOut();           
   });

   $(".tooltip").click(function (e) {
       e.stopPropagation();
   });

   $(document).keypress(function (e) {
       if (e.keyCode == 27) {
           $(".tooltip").fadeOut();
       }
   });

   $(".uploadImage").tooltip({ effect: 'fade',
       events: {
           input: 'click, focus',
           checkbox: 'mouseover click, mouseout',
           date: 'click, blur',
           tooltip: "mouseenter"
       }
   });
});

Answer 1

Попробуйте использовать функцию.on().

$(document).on('click', 'body', function(){
  $('.tooltop').fadeOut();
});