javascript - 使用动态内容时，jQuery UI 工具提示不会关闭

Question

这是我模拟 ajax 调用以获取工具提示内容的代码：

$(document).tooltip({
    items: 'a',
    content: function(result) {
        setTimeout(function() {
            result('foo');
        }, 500);
    }
});

如果您多次将鼠标移离链接，它迟早会到达工具提示不会关闭的点，即使鼠标没有悬停在链接上。

任何想法可能导致它或如何解决它？

jQuery UI 工具箱

http://jsfiddle.net/tj_vantoll/Z2R43/

Answer 1

在将鼠标悬停在链接上会导致事件每次触发并将它们堆叠在后台之前，我遇到过这个问题。我用hoverIntent 插件解决了这个问题，如果用户在链接上等待了指定的时间，它只会触发事件。

您可以在 Tooltip 中通过在执行相同操作的 show 事件上添加延迟来执行相同操作：

$(document).tooltip({
    items: 'a',
    content: function(result) {
        setTimeout(function() {
            result('foo');
        }, 500);
    },
    show: {
        delay: 250
      }
});