Question

我使用jquery API来显示工具提示。我想将鼠标悬停在图像上的工具提示立即定位在表格中的图像上，当我快速将鼠标悬停在图像上时，之前的工具提示是仍然可以看到，一旦鼠标离开图像，我可以立即淡出工具提示。请找小提琴：http://jsfiddle.net/0w9yo8x6/4/ 以下是代码段：

$(function () {
    $(document).tooltip({
        content: function () {
            return $(this).prop('title');
        },
        show: null, 
        close: function (event, ui) {
            ui.tooltip.hover(

            function () {
                $(this).stop(true).fadeTo(400, 1);
            },

            function () {
                $(this).fadeOut("400", function () {
                    $(this).remove();
                })
            });
        }
    });
});

$(function () {
  $('.one').attr('title', $('.tooltipTable').remove().html());
  $(document).tooltip();
});
$(function () {
      $('.one').attr('title', $('.tooltipTable').remove().html());
      $(document).tooltip();
    });

Answer 1

而不是实现自己的“关闭”功能，您只需在创建工具提示时将show和hide属性设置为false。

查看文档show / hide

$(document).tooltip({
    content: function () {
        return $(this).prop('title');
    },
    show: false,
    hide: false
});

鼠标移出后立即定位和隐藏工具提示

1 个答案: