Einfaches Alert nachdem PrettyPhoto ajax content geladen wurde

[Dustin84]

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/projects/prettyphoto-jquery-lightbox-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.

 

[chmee]

Schwer zu beantworten Wird es denn wirklich wirklich geladen?

mfg chmee

 

[Dustin84]

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.

 

[chmee]

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

 

[Dustin84]

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?

 

[chmee]

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

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

man achte auf die dataType.

http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests

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

mfg chmee

 

[Dustin84]

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:

						$.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:

						$.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?!

 

[chmee]

$.get()

ist nur ein Sonderfall - oder besser eine erleichternde Schreibweise von

$.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

'html'

anstatt

dataType: 'html'

mfg chmee

 

[Dustin84]

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.

 

[chmee]

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