Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.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
Javascript 如何添加<;a href链接到工具提示,并能够鼠标悬停并单击它?对于jQueryUI1.10_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 如何添加<;a href链接到工具提示,并能够鼠标悬停并单击它?对于jQueryUI1.10

Javascript 如何添加<;a href链接到工具提示,并能够鼠标悬停并单击它?对于jQueryUI1.10,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正在使用jQueryUI1.10工具提示。下面是我对工具提示的调用。我在文档中找不到有关如何执行此操作的信息。我想在工具提示中添加a href链接,让用户能够鼠标悬停并单击它。现在,只要我的鼠标悬停在远离提示触发器的地方,工具提示就会消失 $(function () { $(document).tooltip({ track: false, show: { effect: "slideDow

我正在使用jQueryUI1.10工具提示。下面是我对工具提示的调用。我在文档中找不到有关如何执行此操作的信息。我想在工具提示中添加a href链接,让用户能够鼠标悬停并单击它。现在,只要我的鼠标悬停在远离提示触发器的地方,工具提示就会消失

    $(function () {
        $(document).tooltip({
            track: false,
            show: {
                effect: "slideDown",
                delay: 20
            },
            hide: {
                effect: "explode",
                delay: 5
            }
        });
    })
文件:

谢谢


Will

jQuery UI工具提示不支持此功能,但是您可以添加以下代码,延迟隐藏功能,使您可以在工具提示上移动鼠标:

close: function (event, ui) {
    ui.tooltip.hover(
        function () {
            $(this).stop(true).fadeIn(250);
        },    
        function () {
            $(this).fadeOut("250", function () {
                $(this).remove();
            })
        }
    );
}
这不适用于为隐藏工具提示而定义的自定义分解动画,因此我必须删除该动画,它将淡出:

/*hide: {
    effect: "explode",
    delay: 5
},*/
然后,您需要添加以下代码以允许工具提示显示HTML,但请注意,这样做可能会打开您的网站:

content: function () {
    return $(this).prop('title');
},
找找看