jQuery Tools工具提示在淡出后直到链接的第二个悬停时才会淡入淡出

Question

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

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

我看过帖子jquery tools tooltip doesn't appear in first try after 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();
});