当鼠标离开链接时关闭一条线索
当鼠标移离链接时,是否有关闭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 …