fancybox aus AJAX Inhalt heraus

[ms2002]

Hallo zusammen,
ich arbeite mich gerade in das Thema AJAX ein und stoße hierbei auf ein Problem, was ich wohl allein, ohne hilfe schlecht lösen kann:
Nach einem klick auf die Navigation, wird mit Hilfe von AJAX Inhalt im generiert und in einem div ausgegeben. Ich laden wie gewohnt die ganzen Skriptteile der fancybox mit der "document.ready" Variante im head-Bereich. Verknüpfe ich ein Bild, welches zur Ladezeit der ersten Seite gibt, funktioniert die fancybox wie gewohnt tadellos. Versuche ich jedoch ein Bild aus dem generierten Inhalt mit der fancyBox zu betreiben, funktioniert dies nicht mehr und das Bild wird in einer neuen Seite ausgegeben, ohne dass der Skriptteil anspringt.
Könnt ihr mir weiterhelfen?

Liebe Grüße,
Maik

 

[cebito]

AW: fancybox aus AJAX Inhalt heraus

Kannst du das mal irgendwo online stellen? Dann müssen wir nicht raten.

 

[ms2002]

AW: fancybox aus AJAX Inhalt heraus

http://www.naturschwimmteiche.de

wenn man auf "Die Idee" geht und auf das erste Bild im Inhaltsbereich klickt, geht es nicht, aber wenn man auf das Kontakt-Symbol klickt, geht es.

 

[SineTempore]

AW: fancybox aus AJAX Inhalt heraus

Schau dir mal folgende Funktion an: .live() – jQuery API

 

[cebito]

AW: fancybox aus AJAX Inhalt heraus

Der ajax-Content wird ja erst später reingeladen, du müsstest also

$("a.bild").fancybox();

nochmal aufrufen, nachdem du den Content reingeladen hast. So wie es jetzt ist, läuft das ja nur beim Seitenaufruf einmalig, wovon die später geholten Bilder ja nicht betroffen sind. Vielleicht hilft dir das ja weiter .ajaxComplete() – jQuery API

 

[ms2002]

AW: fancybox aus AJAX Inhalt heraus

ich habe jetzt aus der document.ready folgendes gemacht:

$("#inhalt").ajaxComplete(function() {
$("a .bild").fancybox();
});
(#inhalt ist das div, welches per AJAX befüllt wird)

Weiterhin habe ich diesen Aufruf im header gelassen, weiß jedoch nicht, ob dies richtig ist, denn es funktioniert weiterhin nicht.