关闭一个cluetip当鼠标离开链接(Close a cluetip when the mouse

2019-09-29 16:52发布

是否有一个选项,关闭cluetip当鼠标移出链接的对话框? 还有就是mouseOutClose选择,但它不会关闭cluetip如果你没有在它悬停第一。

下面是一个例子:

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

Answer 1:

在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

它为我工作。



Answer 2:

我有同样的麻烦,我得到了一个解决方案。

它的工作。

所以,我们都希望有什么办法

1-表示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
                 });
          }

就是这个 !



Answer 3:

这是因为粘选项设置为true ...



文章来源: Close a cluetip when the mouse is off of the link