当鼠标离开链接时关闭一条线索

当鼠标移离链接时,是否有关闭cluetip对话框的选项? 有mouseOutClose选项,但是如果你不首先将鼠标hover在它上面,它就不会关闭cluetip

这是一个例子:

http://plugins.learningjquery.com/cluetip/demo/ – jTip主题下的第一个链接

在clueTips核心文件中替换代码:

 if (opts.mouseOutClose) {....} 

 if (opts.mouseOutClose) { var closectip; $cluetip.hover(function() { clearTimeout(closectip); }, function() { $closeLink.trigger('click'); }); $this.hover(function() { clearTimeout(closectip); }, function() { closectip = setTimeout(cluetipClose, 1000); }); } 

我发现这里的jquery论坛的解决方案是链接

http://plugins.jquery.com/content/cluetip-doesnt-close-mouseout

它为我工作。

我遇到了同样的麻烦,我得到了解决方案。

它的工作原理。

所以,我们都想要的是一种方法

1-链接hover时显示cluetip,然后在鼠标熄灭时丢弃它

2-如果鼠标确实进入内部,请保持cluetip打开,以便它可以点击cluetip内的链接

这是怎么做的。

只需添加此参数:

 sticky: true, onShow: function(){ $('.mylink').mouseout(function() { // if I go out of the link, then... var closing = setTimeout(" $(document).trigger('hideCluetip')",400); // close the tip after 400ms $("#cluetip").mouseover(function() { clearTimeout(closing); } ); // unless I got inside the cluetip }); } 

就是这个 !

这是因为sticky选项设置为true …