Question

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

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

如果您多次移动鼠标并远离链接，即使鼠标没有悬停链接，它也迟早会到达工具提示未关闭的位置。

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

jQuery UI toolip

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

Answer 1

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

你可以在工具提示中做同样的事情，在show事件上加一个延迟来做同样的事情：

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

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

1 个答案: