Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery工具提示似乎忽略了延迟配置选项_Jquery_Jquery Ui_Jquery Ui Tooltip - Fatal编程技术网

jQuery工具提示似乎忽略了延迟配置选项

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

我正在尝试显示一个关于翻转的工具提示,并使用延迟选项来减缓淡出

我试图使用delay参数,这是一个更精简的代码。(另一种方法是使用淡出,最终会使用大量代码)但延迟似乎不起作用

我们如何使延迟参数工作

<!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>"
            });