jQuery工具提示似乎忽略了延迟配置选项
我正在尝试显示一个关于翻转的工具提示,并使用延迟选项来减缓淡出 我试图使用delay参数,这是一个更精简的代码。(另一种方法是使用淡出,最终会使用大量代码)但延迟似乎不起作用 我们如何使延迟参数工作jQuery工具提示似乎忽略了延迟配置选项,jquery,jquery-ui,jquery-ui-tooltip,Jquery,Jquery Ui,Jquery Ui Tooltip,我正在尝试显示一个关于翻转的工具提示,并使用延迟选项来减缓淡出 我试图使用delay参数,这是一个更精简的代码。(另一种方法是使用淡出,最终会使用大量代码)但延迟似乎不起作用 我们如何使延迟参数工作 <!DOCTYPE html> <html> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js"></script> &l
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.js"></script>
<script language="javascript">
$(window).load(function () {
$("#rollover").tooltip({
delay: { show: 0, hide: 3000 },
items: "#rollover",
content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>"
});
});
</script>
</head>
<body>
<div>
(<a href="" id="rollover">?</a>)
</div>
</body>
</html>
$(窗口)。加载(函数(){
$(“#滚动”)。工具提示({
延迟:{显示:0,隐藏:3000},
项目:“展期”,
内容:“”
});
});
()
这里使用的是淡出代码。看到代码长度的差异了吗
$("#rollover").tooltip({
items: "#rollover",
content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>",
close: function (event, ui) {
ui.tooltip.hover(
function () {
$(this).stop(true).fadeTo(400, 1);
},
function () {
$(this).fadeOut("400", function () {
$(this).remove();
})
});
}
});
$(“#滚动”)。工具提示({
项目:“展期”,
内容:“,
关闭:功能(事件、用户界面){
ui.tooltip.hover(
函数(){
$(this.stop(true).fadeTo(400,1);
},
函数(){
$(此).fadeOut(“400”,函数(){
$(this.remove();
})
});
}
});
评论者回答了这个问题,但不愿发表。所以我发布了它(我等了一个半月才发布)
$(“#滚动”)。工具提示({
显示:0,
隐藏:{delay:3000},
项目:“展期”,
内容:“”
});
它不是重复的,因为其他的没有使用延迟配置变量。他们使用的是淡出延迟,这不是一回事。我已经更新了我的问题,使之更加具体。好的,你在哪里看到“延迟”选项以你使用它的方式记录下来的?使用文档中写的“延迟”效果很好:你已经回答了我的问题!谢谢看见不是傻瓜。将你的代码作为答案发布,我会将其标记为已回答。这两种代码非常相似:和。我建议使用淡出代码,因为它更方便用户。不管怎样,这都是一个相当本地化的问题(传递不存在的选项),因此我认为我发布的答案不会帮助任何人。很高兴它解决了你的问题!
$("#rollover").tooltip({
show: 0,
hide: { delay: 3000 },
items: "#rollover",
content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>"
});