Javascript 如何添加<;a href链接到工具提示,并能够鼠标悬停并单击它?对于jQueryUI1.10
我正在使用jQueryUI1.10工具提示。下面是我对工具提示的调用。我在文档中找不到有关如何执行此操作的信息。我想在工具提示中添加a href链接,让用户能够鼠标悬停并单击它。现在,只要我的鼠标悬停在远离提示触发器的地方,工具提示就会消失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
$(function () {
$(document).tooltip({
track: false,
show: {
effect: "slideDown",
delay: 20
},
hide: {
effect: "explode",
delay: 5
}
});
})
文件:
谢谢
WilljQuery 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');
},
找找看