Le comportement normal de la jQuery plugin QTIP consiste à créer une nouvelle DIV cachée pour chaque élément d'info-bulle attribué. Existe-t-il un moyen d'attacher un seul élément d'info-bulle caché à plusieurs cibles, d'éviter d'encombrer le DOM?
si QTIP est incapable de le faire, quelqu'un peut-il recommander un autre plug-in à outils basé sur JQuery qui prend en charge la recherche HTML riche en utilisant uniquement un seul conteneur d'info-bulle? Merci!
4 Réponses :
Je suis un fan de la Tool Tool Tool JQuery Tools . Il vous permet de définir votre propre structure d'info-bulle dans le HTML et vous pouvez appliquer cette info-bulle à autant d'éléments que vous le souhaitez.
Au lieu de faire des listes d'éléments séparés par des virgules, utilisez le sélecteur de classe. Voici un exemple:
$('.selectorClass').qTip({arguments:here});
Ceci est une erreur; Sélection par ID (E.G $ ('# ID1, # ID2')) est beaucoup plus rapide que la sélection de la classe. Pour assortir $ ('. SélecteurClass') L'arborescence DOM entière de la page est analysée, tout en correspondant à l'IDS, deux recherches utilisant l'appel GetElementyID sont effectuées.
Je ne suis pas d'accord avec 'el yobo' comme cette réponse fonctionne parfaitement pour moi. La question n'est pas liée à la vitesse. C'est lié à ce qui est le plus facile.
Il est évident que la sélection de l'ID est beaucoup plus rapide, puis la sélection de la classe CSS. Mais ce problème de performance uniquement lié à la version de l'Explorer Internet jusqu'à la version 9. IE Les navigateurs commençant par la version 9 sont presque aussi bons que Chrome, Firefox, Opera, etc. depuis de nombreuses années. Malheureusement, le reproblème existe toujours dans les grandes entreprises où elles utilisent Internet Explore 8. Je ne parle pas déjà de IE7 ou de IE6. La sélection de la classe CSS est donc très rapide avec les navigateurs modernes.
Vous pouvez construire des boîtes QTIP de manière dynamique.
html: javascript: voir http://craigsworks.com/projects/qtip/docs/api pour plus de détails sur le QTIP API EDIT: 22 juin 2011 (justgrumpy) - comme de beta3 le qtip ne prétend pas par défaut . "Préerender" doit être défini sur "True" dans l'option de contenu pour le QTIP à afficher de manière dynamique.
J'ai compris comment avoir une info-bulle DIV partagée par de nombreuses images de l'info-bulle si quelqu'un le trouve utile si vous échouez de mettre le .html () < / Strong> sur là, vous verrez que la boîte à outils partagée apparaît une fois, puis lorsque vous l'activez à partir d'une autre image, elle ne fonctionnera plus pour la première ... La TooltiPDIV est l'identifiant de la DIV contenant votre contenu de ToolTip.