如何使工具提示停留，以便点击它中的链接

我有jQuery插件Tooltipsy来为链接生成工具提示。 在这个工具提示中，我有其他相关对象的链接。 我希望它弹出刚好在初始链接上方，如果我将鼠标移动到它上面点击链接就会停​​留。 这可能吗？ 有谁知道怎么做？

Answer 1

我没有设法让它保持开放，不能再等了，所以我改为另一个名为simpletip的工具提示插件，提供了我需要的function。

Simpletip无法从链接中获取title属性，因此这是我用来实现的代码。 编辑：我更改了代码以获取数据标题（HTML5兼容）而不是标题，这样我就不必阻止默认显示的所有标题：

$(".order_tooltip").simpletip({ fixed: true, position: 'top', onBeforeShow: function(){ this.update(this.getParent().data('title')); } }); 

Answer 2

您可以在工具提示中放置一个关闭按钮，并在单击关闭按钮时隐藏工具提示。

可以调用工具提示中的隐藏function，如http://tooltipsy.com/methods.html#method-hide中所述。

Answer 3

要直接回答您的原始问题，这对我有用：

 var hoverHand = false; $('.hastip').tooltipsy({ show: function (e, $el) { $el.hover( function() { hoverHand = true; }, function() { hoverHand = false; }); $el.fadeIn(100); }, hide: function (e, $el) { var tooltipCloserInterval = setInterval(function(){ if (hoverHand == false) { $el.fadeOut(100); $el.off( "mouseenter mouseleave" ); clearInterval(tooltipCloserInterval); } }, 500); } }); 

基本上，您使用setInterval为用户提供500毫秒的移动鼠标到工具提示。 在500ms之后，它检查鼠标是否仍在工具提示上，如果不是，则关闭工具提示。