JavaScript JQuery Titel auslesen (nur undefined)

[jojo-kahlua]

Hallo Leute,
warum kommt bei mir immer "undefined" als Ausgabe?

html:

<img title="partner1" onmouseover="changePartnerText();" src="fileadmin/images/partner1.png">

js:

function changePartnerText()
 {
 alert($(this).attr('title'));
}

hatte es als erst an Stelle von title="partner1" mit class="partner1" probiert, hat aber das gleiche Ergebnis geliefert..

 

[Tumbleweed]

Ist nicht meine Spezialität, aber ich vermute es liegt daran, dass der DOM tree zu dem Zeitpunkt des Renderns des Scripts noch nicht ready ist.

Was funktioniert

<script>
    $(document).ready(function() {
        $('img').on('mouseover', function() {
            alert($(this).attr('title'));
        });
    });
</script>

Hat zudem den Vorteil, dass du es nicht an jedes Bild einzeln ranschreiben musst. Falls nur bestimmte Bilder betroffen sein sollen, entsprechend mit Markierungsklassen arbeiten.

P.S.: alt-Attribut beim img nicht vergessen.

 

[jojo-kahlua]

danke, ist mir gerade auch eingefallen, dass es da ja noch die ready-function gibt ^^ hab es jetzt auch mit Klassen umgesetzt..