Fermer un bloc lorsque la souris est hors du lien

Question

Y at-il une option pour fermer une boîte de dialogue cluetip lorsque la souris est déplacée du lien? Il existe l'option mouseOutClose, mais elle ne ferme pas le cluetip si vous ne survolez pas le premier.

Voici un exemple:

http://plugins.learningjquery.com/cluetip/demo/ - le premier lien sous le jTip Thème

Answer 1

Dans le fichier de base de clueTips remplacez le code:

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

avec

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

}, function() { 
closectip = setTimeout(cluetipClose, 1000); 
}); 
} 

J'ai trouvé la solution d'un forum jquery est ici le lien

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

Son travail pour moi.

Answer 2

Il est parce que l'option collante est définie sur true ...

Answer 3

J'ai eu le même problème, et j'ai eu une solution.

Cela fonctionne.

Alors, ce que nous voulons tous est un moyen de

1- montrant cluetip lorsque la liaison est plané, puis jetez-le lorsque la souris sort

2- Mais gardez cluetip ouvert si la souris n'aller à l'intérieur afin qu'il puisse cliquer sur les liens à l'intérieur de la griffe

Voici comment faire.

il suffit d'ajouter ce paramètre:

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 
       }); 
      } 

This is it!