JQuery plug-in infobulles: infobulles montrant en bas de page

Question

J'utilise le plugin infobulle JQuery - http://docs.jquery.com/Plugins/Tooltip

Avec la mise en œuvre de base:

$(".tooltip").tooltip(); 

Au lieu de l'info-bulle se plaçant au-dessus de la zone de saisie, il appartient à et suit avec la souris il se place en bas de la page.

L'entrée est basique et est comme ceci:

<input type="text" name="testTooltip" class="tooltip" title="This is the tooltip" /> 

J'ai dépouillé le CSS dans son entirity et le problème reste (il n'y a pas CSS en ligne).

Toutes les idées sur ce qui pourrait être la cause?

Answer 1

J'ai eu le même problème parce que je ne compris les styles par défaut fournis dans jquery.tooltip.css:

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #111; 
    background-color: #eee; 
    padding: 5px; 
    opacity: 0.85; 
} 
#tooltip h3, #tooltip div { margin: 0; } 

Vous pouvez soit utiliser Firebug avec Firefox pour vérifier les styles appliqués au #tooltip div, ou vous pouvez vérifier vos feuilles de style pour vous assurer que ces styles sont inclus. En particulier, "position: absolute"; est critique.

Answer 2

Le plugin Tooltip dépend de la dimensions plugin - avez-vous que chargé?