RobRobson: AJAX - PHP - jquery -> script läuft nicht

Beitrag lesen

Hallo,

ich hab ein Problem mit meinem script. Es tut nicht tun. :)

Es ist ein PHP Script das auf einen click ein weiteres script nachläd und anzeigt (auch php). Und da drin soll der jquery Kalender Datapicker angezeigt werden. Da die Antwort des Ajax-requestes nur plain-text ist welcher nicht interpretiert wird, funktionieren eingefügte JS Funktionen nicht. Darum lade ich zusammen mit dem AJAX-Request auch eine JS Datei die die Funktionalität kapselt.

Die PHP Datei die mitteles AJAX gezogen wird enthält die Zeile:
<div id='datepickerbox'></div>

In der ebenfalls gezogenen JS-Datei werden die benötigten jquery Dateien geladen und das Rahmen-Objekt für den Datepicker erstellt:

  
// scripte laden  
a = document.createElement("link");  
a.setAttribute("href","http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css");  
a.setAttribute("type","text/css");  
a.setAttribute("rel","stylesheet");  
document.getElementsByTagName("head")[0].appendChild(a);  
b = document.createElement("script");  
b.setAttribute("type","text/javascript");  
b.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js");  
b.setAttribute("content-type","text/html; charset=iso-8859-1");  
document.getElementsByTagName("head")[0].appendChild(b);  
// DatepickerElemente initieren  
var datepicker = document.createElement("div");  
datepicker.id = "datepicker";  
datepicker.name = "datepicker";  
datepicker.style.fontSize="62.5%";  
document.getElementById("datepickerbox").appendChild(datepicker);  
// Datepicker starten  
$("#datepicker").datepicker();  

Der brennende Fuchs meint nun aber immer:
$("#datepicker").datepicker is not a function
  $("#datepicker").datepicker();

Wie macht ihr das beim nachträglichen einbinden von JS wenn AJAX im Spiel ist?

Danke un Grüße
Rob