Question

$(document).tooltip({
    items:'.tooltip-object',
    tooltipClass:'preview-tip',
    position: { my: "left+15 top", at: "right center" },
    content:function(callback) {
        $.get('/resources/generate_tooltip.php', {
            id:$(this).data("tooltipid")
        }, function(data) {
            callback(data);
        });
    }
});

假设我有上面的脚本，当用户将鼠标悬停在工具提示对象链接上时，会显示工具提示。现在工具提示显示工作正常，但如果用户快速将鼠标移动到一堆链接上，他们都将调用/resources/generate_tooltip.php脚本，即使它们永远不会显示。

如何在工具提示中添加延迟，以便用户在生成工具提示之前必须将鼠标放在工具提示对象上一段时间？

Answer 1

在content:function(callback) {内，添加检查是否没有触发任何工具提示：

if ($(".your-tooltip-class").length == 0) { 

$.get('/resources/generate_tooltip.php', {
            id:$(this).data("tooltipid")
        }, function(data) {
            callback(data);
        }); 
}

Answer 2

更新：您可以尝试类似这样的事情。而不是提醒您进行ajax通话。

＆＃13;

* (no branch)

＆＃13;

* (HEAD detached at ...)

＆＃13;

JQuery UI Tooltip鼠标悬停延迟？

2 个答案: