✔ jQuery Tools - Tooltip

[mgraf]

Hallo,
ich hab hier ein Problem und ich find keine passende Lösung.
Und zwar ich habe folgendes HTML Gerüst:

<div id="ABC" class="person">
   <img src="" width="32" height="32" />
    <div class="tooltipPerson">
        <h3></h3>
        <img src="" width="64" height="64" />
    </div>
</div>

Standardmäßig ist class="tooltipPerson" auf display:none
Ich möchte jetzt, wenn jemand über .person img mit der Maus fährt, dass tooltipPerson mit den jQuery Tools eingeblendet wird.

Mein Versuch war/ist unter anderem dieser, der ja nicht funktionioert:

    $("#organization_portrail-wall .person").live("click", function() {
        var tooltipClass = $(this).children('.tooltipPerson');
        $(tooltipClass).tooltip({ effect  : 'slide',
                                 offset  : [0, 3],
                                 position: 'bottom center',
                                 direction: 'down',
                                 tipClass: 'tooltipActions',
                                 opacity: 0.9
    });
    });

Vielleicht hat hier jemand ein gute Idee...

PS: auf die id="ABC" kann ich mich nicht halten, da diese natürlich unterschiedlich ist...

lg
michi

 

[THEJS]

Hey!

Also ich kenn diese tooltip-Funktion nicht, aber beim schnellen drüberschaun ... du bekommst doch für children ein Objekt zurück, also würd ich mal so AdHoc das machen:

$("#organization_portrail-wall .person").live("click", function() {
    var tooltipClass = $(this).children('.tooltipPerson');
    tooltipClass.tooltip({ effect  : 'slide',
                                      offset  : [0, 3],
                                    position : 'bottom center',
                                   direction : 'down',
                                    tipClass : 'tooltipActions',
                                     opacity : 0.9
    });
});

greez
THEJS