Jquery ui JQuery UI工具提示鼠标悬停延迟?
假设我有上面的脚本,当用户将鼠标悬停在工具提示对象链接上时显示工具提示。现在工具提示显示工作正常,但是如果用户将鼠标快速移动到一组链接上,他们将调用/resources/generate_tooltip.php脚本,即使它们永远不会显示Jquery ui JQuery UI工具提示鼠标悬停延迟?,jquery-ui,Jquery Ui,假设我有上面的脚本,当用户将鼠标悬停在工具提示对象链接上时显示工具提示。现在工具提示显示工作正常,但是如果用户将鼠标快速移动到一组链接上,他们将调用/resources/generate_tooltip.php脚本,即使它们永远不会显示 如何向工具提示添加延迟,以便用户在生成工具提示之前必须将鼠标停留在工具提示对象上一段时间?更新:您可以尝试类似的操作。而不是发出警报,而是调用ajax var超时;var计数器=0; $(函数(){ $(“.selector”).tooltip(); });
如何向工具提示添加延迟,以便用户在生成工具提示之前必须将鼠标停留在工具提示对象上一段时间?更新:您可以尝试类似的操作。而不是发出警报,而是调用ajax
var超时;var计数器=0;
$(函数(){
$(“.selector”).tooltip();
});
$(“.selector”).hover(函数(e){
var$this=这个;
如果(!超时){
timeout=window.setTimeout(函数(){
超时=空;
$($this).工具提示(“选项”,“内容”,“很棒的标题!”+(计数器++);
},1000);//延迟1秒
}},clearIt);
函数clearIt(){
如果(超时){
clearTimeout(超时);
超时=空;
}
}
在
内容:函数(回调){
中,添加检查是否触发了以下任何工具提示:
$(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);
});
}
});
是的,这很有意义,但我如何用生成工具提示内容的脚本替换警报(“hi”),然后将该内容放入工具提示?@user2827048查看更新。它可能会对您有所帮助。您可以在此处找到文档:
if ($(".your-tooltip-class").length == 0) {
$.get('/resources/generate_tooltip.php', {
id:$(this).data("tooltipid")
}, function(data) {
callback(data);
});
}