Tooltip JQuery ne s'affiche pas
j'essaie de définir un tooltip pour certains éléments listés en utilisant jQuery ui mais je ne peux pas obtenir les tooltip à montrer. J'essaie d'appliquer un tooltip à tous les éléments en utilisant la classe tooltip. Veuillez vérifier mon code pour les problèmes...
HTML
<li>
<label>
<input id="someid" type="radio" name="name" />
<strong><span>text</span></strong></label>
<a href="#" class="tooltip" title="some text"></a>
<h4>text</h4>
</li>
JS
function showTooltip() {
$("#tooltip").each(function()
{
$(this).tooltip();
};
};
Merci :)
5 réponses
Votre fonction doit avoir un sélecteur de classe: $(".classe.)".. pas $("#id")
$(function(){
showTooltip();
function showTooltip() {
$(".tooltip").each(function() {
$(this).tooltip();
});
}
});
pour quiconque se débat avec tooltip ne fonctionne pas.
j'ai trouvé un certain nombre de problèmes avec jQuery-ui à la fin, mais il semble qu'ils ne traitaient pas l'entrée nulle du contenu de l'élément par défaut.
ainsi par défaut il est 'title' donc si vous n'avez pas entré un attribut title dans l'élément que vous voulez rendre l'objet tooltip il échouera même si vous spécifiez le contenu comme ceci:
$("#element").tooltip({content:"test"});
c'est assez faible de ne pas gérer les valeurs nulles(ou non définies) dans mon avis, mais c'est comment il est.
j'ai manipulé par l'ajout d'un attribut title like pour l'élément:
title=''
je suppose que vous pourriez spécifier items dans l'info-bulle constructeur comme suit:
$("#selector").tooltip({items:'other-title', content: 'test'});
Mais alors, vous auriez encore besoin d'ajouter l'attribut de l'élément comme suit:
other-title=''
PS: using JQuery-UI 1.11.4
Comme disent les autres, tous vous avez besoin est le suivant:
$(document).tooltip();
mais il y a des exceptions où cela ne suffira pas. Cas spécifiques où cela ne fonctionnera pas:
optiondans unselectbloc. (tooltip s'affiche sous l'option select)disabled="true"les éléments continueront d'Afficher des infobulles dans un format non-jQuery-UI jusqu'à ce qu'elles soient réactivées.
en plus de reprogrammer jQuery-UI, j'ai nous n'avons trouvé aucune solution réelle à ces problèmes.
quand j'ai utilisé $(document).tooltip(); , Il fait de l'info-bulle pour chaque élément, pour obtenir de l'info-bulle spécifique que j'ai utilisé,
$(function () {
$(document).tooltip({
track: true,
items: ".tooltip",
content: function () {
return $(this).attr("title");
}
});
});