J'essaie de définir une info-bulle pour certains éléments répertoriés à l'aide de JQuery UI, mais je ne peux pas obtenir que les info-bulles montrent. J'essaie d'appliquer une info-bulle à tous les éléments à l'aide de la classe ToolTip. Veuillez vérifier mon code pour des problèmes ...
html js merci :)
5 Réponses :
Votre fonction doit avoir un sélecteur de classe: $ (". classe") ... pas $ ("# id")
Doh! Je crois que c'est la réponse, mais je ne peux toujours pas le faire montrer.
Avez-vous appelé cette fonction sur le document prêt? L'exemple à Jqueryui.com l'appelle sur le document prêt ... et assurez-vous d'importer jquery.js, jquery-ui.js et jquery-ui.css
Ce n'était pas dans le document.Ready mais c'est maintenant. Ce n'est toujours pas montrant. Peut-être que c'est pas mal au centre. idk ... Cela semblait si simple dans la documentation de l'API, mais c'est frustrant!
Vous pouvez utiliser un sélecteur de classe ou d'identification avec la fonction ToolTip
Essayez d'utiliser:
JS: donc tout avec exemple < / p> title = "YourtiTle" dans ce dernier Survolez-vous.
Quand j'ai utilisé $ (document) .TooltiP (); , Il a fait une info-bulle pour chaque élément, pour obtenir une info-bulle pour spécifique que j'ai utilisé,
juste par $ (document) .TooltiP (); N'a pas travaillé pour moi. Je devais le faire pour un élément spécifique où je devais ajouter des articles: "#Id", pour obtenir précis, alors je voulais juste partager
Pour quelqu'un d'autre qui lance une info-bulle ne fonctionne pas.
J'ai trouvé un certain nombre de problèmes avec JQuery-UI à partir de retard, mais il semble qu'ils ne gèrent pas la saisie null du contenu de l'élément par défaut. P> Ainsi, par défaut, il s'agit de «titre», donc si vous n'avez pas entré d'attribut de titre à l'élément que vous souhaitez effectuer l'objet ToolTip, il échouera même si vous spécifiez le contenu comme: P>
other-title=''
c'était un sournois
Extrêmement décevant. S'ils ont une option Content pour définir le contenu, pourquoi ai-je toujours doit utiliser titre dans le HTML? 🙄
Jquery-Ui Dpoes ne me dérange plus, car je ne l'utilise plus n'importe où. Si j'ai besoin d'une boîte de dialogue par exemple, je le crée à partir de zéro.
Merci! J'ai également eu besoin d'un attribut de titre vide pour l'affichage.
Excellente réponse. Je ne pouvais pas être d'accord avec vous plus dans ne pas manipuler des titres nuls! Cela m'a aidé à résoudre plusieurs heures gaspillées.
Comme les autres disent, tout ce dont vous devriez avoir besoin est le suivant:
$(document).tooltip();
Option code> Éléments dans un Sélectionnez CODE> Bloc. (ToolTip affiche sous l'option Sélectionner) LI>
-
désactivé = "true" code> Les éléments continueront à afficher des info-bulles dans le format non-JQuery-UI jusqu'à ce que réactivé. Li>
ul> En plus de reprogrammer JQuery-UI, je n'ai trouvé aucune solution réelle à ces problèmes. p> p>
Vous devriez essayer d'utiliser une classe au lieu d'un identifiant dans ce cas. HTML valide n'autorise pas les identifiants dupliqués pour les éléments.
De plus, votre info-bulle est une classe et vous référencez un identifiant
$ ('. TooltiP') .....Comme "Romo" mentionné, votre code devrait ressembler à ceci: fonction showTooltip () {$ (". Tooltipos"). Chacun (fonction () {$ (this) .TooltiP ();};};};