Hallo,

ich benutze das jQuery Plugin PrettyPhoto um beim Klick Ajax Content zu nachzuladen.
Hier kann man sich das Plugin angucken:
http://www.no-margin-for-errors.com/...ightbox-clone/

In meiner Datei, die ich einlade funktioniert das <script> Tag nicht mehr. Egal was ich reinschreibe, es passiert nichts. Nicht mal ein einfaches alert() wird ausgegeben.

Woran könnte das liegen?

Gruß
D.

Schwer zu beantworten Wird es denn wirklich wirklich geladen?

mfg chmee

ja, PrettyPhoto generiert vorm </body> Tag den neuen Content. Zumindext ist das im Firebug so. Wenn ich im Firefox Rechtsklick --> Quelltext anzeigen klicke, dann sehe ich keinen neuen Content. Hääääääääääää?

Ich dachte, es ist irgendein allgemeines Problem, wenn man Ajax Content nachläd.

Javascriptgenerierte Inhalte werden logischerweise nicht im Quelltext angezeigt, da sie zur Laufzeit entstehen. Nutz den den HTML-Reiter von Firebug. Schau bitte auch in die Konsole und Netzwerk-Reiter, ob jene Datei wirklich nachgeladen wird.

mfg chmee

Ja, wird geladen. Das HTML und die PHP Abfragen in dem Template funktionieren wunderbar, nur halt das Javascript nicht.

Mittels jQuery AJAX get() wird der Content eingebunden, hilft das irgendwie?

AHA. Javascript per Ajax nachzuladen hat natürlich n paar Fallen. In jQuery kann man es so lösen:

Code javascript:

1 2 3 4 5

$.ajax({  type: "GET",  url: "ladMichNach.php",  dataType: "script" });

man achte auf die dataType.

http://docs.jquery.com/Specifying_th..._AJAX_Requests

Das bedingt aber auch, dass Du den Javascriptbereich in eine eigene Datei auslagerst, damit das Parsing sauber funktioniert.

mfg chmee

Ich habe mit jetzt mal diese Seite angeguckt:
http://api.jquery.com/jQuery.get/

Leider weiss ich nicht, wie ich "dataType" in meinem Aufruf unterbringen muss.

Das $.get sieht so aus:

Code :

1 2 3 4 5

$.get(pp_images[set_position],function(responseHTML){                             toInject = settings.inline_markup.replace(/{content}/g,responseHTML);                             $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;                             _showContent();                         });

Ich hätte jetzt folgendes daraus gemacht:

Code :

1 2 3 4 5

$.get(pp_images[set_position],function(responseHTML){                             toInject = settings.inline_markup.replace(/{content}/g,responseHTML);                             $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;                             _showContent();                         }, dataType: 'html');

Doch das scheint falsch zu sein?!

Code :

1

$.get()

ist nur ein Sonderfall - oder besser eine erleichternde Schreibweise von

Code :

1 2 3 4 5 6

$.ajax({   url: url,   data: data,   success: success,   dataType: dataType });

Beschrieben Hier - http://api.jquery.com/jQuery.get/
und dort ist im letzten Beispiel auch der Fall dataType erklärt.

Versuchs mal mit

Code :

1

'html'

anstatt

Code :

1	dataType: 'html'

mfg chmee

ohja, wenn ich nur 'html' einsetze geht es. Leider war das nicht die Lösung für das Problem. Script Tags und dessen Inhalt werden immer noch ignoriert.

Kann doch nicht sein, dass mir das korrekte HTML ausgegeben wird aber gleichzeitig kein Javascript Aufruf funktioniert.

Hast Du gelesen, was ich geschrieben habe? .nachträglich geladene Scripte müssen dem System bekannt gemacht werden und initalisiert, da sie beim "Fensterstart" nicht vorhanden waren. GENAU DESWEGEN die dataType "script"

BEITRAG #6

mfg chmee

"script" hatte ich natürlich auch ausprobiert. Aber dann sehe ich nur den Preloader und es geht nicht weiter. Kann das daran liegen, das ich in meinem Template ja nicht nur Javascript habe, sondern auch HTML, CMS Tags und PHP?

..habe ich Folgendes im Beitrag #6 geschrieben?

Das bedingt aber auch, dass Du den Javascriptbereich in eine eigene Datei auslagerst

Dann lädst Du erstmal den html/cms/php-Teil, und danach noch den js-Teil einzeln nach.
Schwer? Nein.

mfg chmee