Pourquoi mon info-bulle n'est-elle pas visible au passage de la souris? (jQuery)

J'essaie d'obtenir une info-bulle pour rester visible au passage de la souris. Cela fonctionne quand vous passez la souris la première fois. Mais essayez de passer la souris, puis passez la souris sur un autre lien et passez la souris sur cette info-bulle. Il va s'estomper.Pourquoi mon info-bulle n'est-elle pas visible au passage de la souris? (jQuery)

Vérifiez le code sur jsFiddle. J'adorerais savoir ce que je fais mal ici.

http://jsfiddle.net/6FpM8/7/

Source

2010-09-23 Josh Smith

ne sais pas ce que vous entendez, semble fonctionner très bien pour moi –

pas qu'il ne fonctionne pas. Il aimerait garder l'info-bulle quand il est plané et il s'estompe. pas seulement le lien stationnaire ... essayez à nouveau. – jatt

Il ne fonctionne certainement pas correctement pour moi. Avez-vous essayé de passer la souris sur un lien brièvement (pas si longtemps que l'info-bulle apparaît), puis souris un autre, puis sur l'info-bulle lui-même? Parfois, il disparaît, parfois non. J'utilise Chrome. –

Peu de retard pour vous mais pour d'autres qui pourraient atterrir ici. Utilisez version from github. Ensuite, pour le paramètre de titre du plug-in utiliser cette fonction de rappel

$('.tooltip').tipsy({ html:true, delayOut:2000, title: function(){ 
     $('.tipsy').hide(); 
     return this.getAttribute('original-title'); 
    } 
});

Source

2011-06-29 13:31:43 Aman

Pourriez-vous lier à la version du plugin dont vous parlez? – Spycho

@Spycho: Je l'ai eu d'ici - https://github.com/jaz303/tipsy/zipball/v1.0.0a. Je l'ai utilisé aujourd'hui et ça a marché pour moi. – Aman

Essayez cette

<a class="mylink" id="1" href="#" title="hey" >Test</a> 
<a class="mylink" id="2" href="#" title="hey" >Test</a> 
<a class="mylink" id="3" href="#" title="hey" >Test</a>

Il suffit de régler le titre via la balise html et non la JS, qui a travaillé dans mon FireFox.

Source

2010-09-23 08:28:48 Olical

Je ne suis pas sûr que cela répond à la question. –

Je dis juste que la définition du titre dans la balise html plutôt que de votre javascript l'a corrigé. Cela fonctionnait parfaitement pour moi. – Olical

Je sais que c'est un problème oldish, mais vous pouvez soit changer l'option delayOut soit par

$(".id of tooltip").tipsy({delayOut: "length of time" });

ou vous pourriez changer dans les js Tipsy.

Alternativement, vous pouvez changer la fonction de congé dans le js pour répondre à vos besoins.

Source

2010-11-12 07:32:58 faust

Merci pour les pensées. Le problème n'est toujours pas résolu, et malheureusement 'delayOut' ne fait pas ce que je veux. J'essaie de conserver l'info-bulle même lorsque vous survolez l'infobulle elle-même. –

Pourquoi mon info-bulle n'est-elle pas visible au passage de la souris? (jQuery)

Répondre

Questions connexes