Eingebundenes Plugin nach DOM Erstellung laden

dreamcatcher · 24.02.2011, 08:22

Guten Morgen

Es gibt ein ToolTip Plugin für jQuery.

Nun erstelle ich einen div Container mittels .post per jQuery, welcher ebenfalls die class besitzt, auf welche der ToolTip zeigt.

Das Problem ist nun, dass aber der ToolTip nicht angewandt wird.

Also etwas logischer zusammengefasst:

1.) Seite laden mit 2 div Elementen mit 1 element <a class=tooltip>.
2.) Bei einem Klick auf "Add" wird per Ajax der 2te Div Container gefüllt mit einem weiteren <a class=tooltip>
3.) Die "Regel" tooltip wird jedoch nicht angewandt, da das Script am Anfang bereits geladen wurde und dort das Element noch nicht geladen war.
4.) Wenn ich die Seite neu lade, dann wird für das neue <a class=tooltip> auch der tooltip angezeigt

Daher besteht der einzige Lösungsansatz, welcher mir einfällt, darin dass jQuery Plugin jedes Mal neu zu laden sofern man auf "add" klickt.

Da das Script aber im <head> Bereich der Hauptseite integriert ist, habe ich keine Methode gefunden die mir die ermöglicht.

Kurze Skizze:

index.php (mit "add" button) -> jscript.js -> anderephp.php

anderephp.php -> jscript.js -> index.php

für diesen Schritt hatte ich versucht einfach das Script erneut einzubinden unter dem neuen <a> element, sprich "anderephp.php" gibt dann noch

[...]
<script type="text/javascript" src="./_js/tipTip.js"></script>

mit.

Klappt aber leider nicht und per google "script einbinden" "jquery nach dom erstellung einbinden" bekomme ich 0 hilfreiche Ergebnisse.

Für jeden Tipp bin ich dankbar !

rudygotya · 24.02.2011, 08:39

Statt die events direkt auf die Elemente zu binden, kannst du alternativ einen Listener auf ein gemeinsames Elternelement setzen. Javascript Events sind z.b. hier erklärt.
Das geht bei jQuery sehr einfach per live()/delegate() (und funktioniert, weil der Event „hochbubbled“).

Alternativ kannst du on Success $('.foo').unbind().tooltip(properties) ausführen. Das wäre dann dein Pendant zu Events neu laden.

Scripts neu laden kannst du z.b. per document write, aber nicht der Sinn der Sache. Sowas macht man als Fallback, falls z.b. jQuery nicht per cdn nachgeladen werden kann.

Grüße

Basti

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div später laden bzw. mit der Seite	Gachet01	HTML, Usability und Barrierefreiheit	3	12.02.2011 20:20
Plugin Controller	Cout	PHP-Fortgeschrittene	5	24.06.2009 23:02
Kurze Einführung in Firefox Search Plugin Programmierung	PTC	Tutorials	5	10.02.2009 01:31
2. Bild laden ohne die seite neu zu laden	andrew22	HTML, Usability und Barrierefreiheit	3	21.10.2006 23:37
[Erledigt] Probleme mit Miranda Plugin und MySQL		Datenbanken	0	24.08.2005 15:39
Eingebundenes Plugin nach DOM Erstellung laden	phpbeginner	HTML, Usability und Barrierefreiheit	6	18.08.2005 16:03
Seite nicht mit F5 oder über den Browser neu laden lassen?		PHP Tipps 2005-2	4	09.08.2005 00:58
[Erledigt] Je Auswahl andere Datenbanktabelle laden		Datenbanken	0	05.08.2005 14:17
Je Auswahl eine andere Datenbanktabelle laden		PHP Tipps 2005-2	0	05.08.2005 14:16
Je Auswahl Laden einer Datenbanktabelle		PHP Tipps 2005-2	0	05.08.2005 14:15
Je Auswahl Laden einer Datenbanktabelle		PHP Tipps 2005-2	0	05.08.2005 14:15
Je nach Auswahl eine Tabelle aus einer Datenbank laden		PHP Tipps 2005-2	0	05.08.2005 14:14
Bestimmte Dateien am Anfang der Seite laden		HTML, Usability und Barrierefreiheit	8	10.07.2005 22:30
SMARTY Thumbnail Plugin	duderino	Beitragsarchiv	1	21.04.2005 16:19
Bilder aus .htaccess - Verzeichnis laden		PHP Tipps 2005	2	04.04.2005 19:45

24.02.2011, 08:22
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	Eingebundenes Plugin nach DOM Erstellung laden Guten Morgen Es gibt ein ToolTip Plugin für jQuery. Nun erstelle ich einen div Container mittels .post per jQuery, welcher ebenfalls die class besitzt, auf welche der ToolTip zeigt. Das Problem ist nun, dass aber der ToolTip nicht angewandt wird. Also etwas logischer zusammengefasst: 1.) Seite laden mit 2 div Elementen mit 1 element <a class=tooltip>. 2.) Bei einem Klick auf "Add" wird per Ajax der 2te Div Container gefüllt mit einem weiteren <a class=tooltip> 3.) Die "Regel" tooltip wird jedoch nicht angewandt, da das Script am Anfang bereits geladen wurde und dort das Element noch nicht geladen war. 4.) Wenn ich die Seite neu lade, dann wird für das neue <a class=tooltip> auch der tooltip angezeigt Daher besteht der einzige Lösungsansatz, welcher mir einfällt, darin dass jQuery Plugin jedes Mal neu zu laden sofern man auf "add" klickt. Da das Script aber im <head> Bereich der Hauptseite integriert ist, habe ich keine Methode gefunden die mir die ermöglicht. Kurze Skizze: index.php (mit "add" button) -> jscript.js -> anderephp.php anderephp.php -> jscript.js -> index.php für diesen Schritt hatte ich versucht einfach das Script erneut einzubinden unter dem neuen <a> element, sprich "anderephp.php" gibt dann noch [...] <script type="text/javascript" src="./_js/tipTip.js"></script> mit. Klappt aber leider nicht und per google "script einbinden" "jquery nach dom erstellung einbinden" bekomme ich 0 hilfreiche Ergebnisse. Für jeden Tipp bin ich dankbar !


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.02.2011, 08:39
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Statt die events direkt auf die Elemente zu binden, kannst du alternativ einen Listener auf ein gemeinsames Elternelement setzen. Javascript Events sind z.b. hier erklärt. Das geht bei jQuery sehr einfach per live()/delegate() (und funktioniert, weil der Event „hochbubbled“). Alternativ kannst du on Success $('.foo').unbind().tooltip(properties) ausführen. Das wäre dann dein Pendant zu Events neu laden. Scripts neu laden kannst du z.b. per document write, aber nicht der Sinn der Sache. Sowas macht man als Fallback, falls z.b. jQuery nicht per cdn nachgeladen werden kann. Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog