2010-11-04 24 views
0

J'essaie d'utiliser l'outil info-bulle flowplayer (http://flowplayer.org/tools/demos/tooltip/table.html) pour afficher une info-bulle sur un élément particulier élément.Sélecteur jQuery pour afficher l'info-bulle flowplayer sur un élément td

Voici mon html:

<table id="menu-table" cellspacing="0" cellpadding="0" width="714" border="0" style="padding-top: 4px;"> 
<tr> 

    <td title="menu-one" style="background: url('images/menu-button.gif') top left no-repeat; text-align: center; vertical-align: middle; height:35px; width:115px; padding-right: 6px;"> 

    <a href="about.php">About</a> 
    <div id="tooltip" class="tooltip">Tooltip text.</div> 
    </td> 
</tr> 
</table> 

Notez que la partie div infobulle ci-dessus est de style comme display: none.

Voici le sélecteur j'essaie d'utiliser ...

$("#menu-table td[menu-one]").tooltip(); 

L'info-bulle() devrait afficher le div caché, mais je suis sûr que je le sélecteur mal.

Des suggestions?

Répondre

0

essayer

$("#menu-table td[title='menu-one']").tooltip(); 

pour sélectionner le TD avec un titre d'argument avec la valeur 'menu un'

+0

Hmm, qui ne semble pas changer quoi que ce soit désinvolture. - mais je ne suis pas sûr à 100% que ce n'est pas un problème avec la fonction tooltip(). Y at-il un moyen de faire une alerte mouseover pour voir si le sélecteur que vous avez fourni fonctionne? – some1

+0

Bien sûr, faites juste $ (... selector_above ...). Hover (function() {alert ('hover');}); – Jaime

+0

Je ne connais pas l'info-bulle, mais êtes-vous sûr de ne pas devoir sélectionner le DIV réel? avec ce qui précède vous sélectionnez le TD mais pas le DIV caché – Jaime