JQuery - Add onclick zu dynamisch generierten img-Tag

8

Ich erstelle mehrere Bilder dynamisch mit dem folgenden Code:

%Vor%

Die Erzeugung der Bilder funktioniert gut, aber ich möchte einen onclick eventhandler zum ersten Bild hinzufügen, das erzeugt wird (siehe Kommentar im Code). Wie mache ich das? Ich bin ziemlich neu in JQuery.

Danke!

    
Peter 14.05.2009, 22:45
quelle

5 Antworten

15
%Vor%     
Nadia Alramli 14.05.2009, 22:52
quelle
9

jQuery hat eine Methode namens click, deren Argument eine Callback-Funktion ist. In diesem Beispiel werde ich auch eine (viel) einfachere Kurzschrift zum Erstellen eines Bildelements verwenden:

%Vor%     
Andrew Noyes 14.05.2009 22:51
quelle
5

Seit jQuery 1.4 können Sie ein Element erstellen und ihm beim Erstellen alle Attribute / Ereignisse hinzufügen.

Im Falle eines Bild-Tags würden Sie schreiben:

%Vor%

Über Beispiel in JSBin.

Hier finden Sie die Referenz zu den Dokumenten.

Warum ist es besser als die anderen Möglichkeiten, ein Bild mit jQuery zu erstellen:

  • Viel sauberer als ein Dutzend Methoden zu verketten.
  • Ermöglicht das Senden von Objekten mit unterschiedlichen Eigenschaften, die erstellt werden sollen.
  • Passt gut zu einem regulären html-Element "Hard coded".
hitautodestruct 25.04.2012 09:56
quelle
1

Sie können einen Ereignishandler dieses Typs mit der click -Funktion hinzufügen, wie Sie das css hinzugefügt haben Klasse.

    
Paul Morie 14.05.2009 22:49
quelle
1

Sie könnten einfach eine Klasse erstellen, wenn Sie Ihr Bild mit der Methode addClass () erstellen. Und woanders etwas wie

%Vor%     
Boris Guéry 14.05.2009 22:50
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Unterschied in der Implementierung von x = x + 1 und x ++