jquery - jQuery Tools Tooltips 不会在淡出后淡入，直到链接的第二次悬停

Question

我在使用 jQuery 工具工具提示时遇到问题。我目前拥有的功能是，当用户将鼠标悬停在链接上时，工具提示会显示并且不会退出，直到用户点击“Esc”键或单击页面上不是工具提示的某个位置。

我的问题是，一旦工具提示淡出，但下次悬停链接时不会淡出。只有在第二次我悬停工具提示再次出现的链接之后。

我已经看到 post jquery tools tooltip 在 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();
});