Ich weiß, dass für das Image-Onload zu arbeiten, müssen Sie den Quellcode festlegen, nachdem der Onload-Handler angefügt wurde. Ich möchte jedoch Onload-Handler an Bilder anfügen, die in meinem HTML statisch sind. Im Moment mache ich das auf folgende Weise (mit jQquery):
%Vor%%Vor%
Aber das ist ziemlich hässlich und hat den offensichtlichen Fluss, dass es nur für Selektoren gemacht werden kann, die nur einem Bild entsprechen. Gibt es noch einen anderen, schöneren Weg?
bearbeiten
Was ich damit meinte, dass es nur für Selektoren gemacht werden kann, die nur einem Bild entsprechen, ist Folgendes:
%Vor%
Beide Bilder haben src = 'picture.jpg'
Sie können das Ereignis (oder seinen Handler) direkt auslösen, indem Sie .trigger() oder .load() aufrufen.
Wenn Sie wissen, dass Sie das Ereignis wollen, weil Sie wissen, dass die Bilder bereits geladen sind, dann können Sie es so machen:
%Vor%Wenn Sie Ihr Skript auf Dokument bereit oder einen Moment, wo es noch nicht klar ist, ob die Bilder da sind oder nicht, dann würde ich etwas wie folgt verwenden:
%Vor%Seien Sie gewarnt, dass das Ladeereignis Blasen wirft (jQuery 1.3), und Sie möglicherweise einen Last-Handler für das Dokument vorzeitig auslösen, wenn Sie die Blase im img-Handler nicht abbrechen.
Zur Erinnerung: Die img.src=img.src triggernde Lösung wird in Safari leider nicht korrekt funktionieren. Sie müssen src auf etwas anderes setzen (wie # oder ungefähr: leer) und dann zurück, damit das erneute Laden geschieht.
Ich denke, das ist wirklich eine Frage über jQuery-Selektoren. Wenn Sie alle Ihre Bildelemente abgleichen möchten, können Sie img anstelle von #img1 als Selektor verwenden.
Tags und Links javascript events