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

Beitrag lesen

SELF-Forum

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

RobRobson
+1 Informationen zu den Bewertungsregeln

OK, ich scheine meinem Problem endlich auf die Schliche gekommen zu sein.
Das Probem scheint zu sein, das auszufürender JS-Code bei verwendung der JQuery Funktion $.getScript() innerhalb des Aufruffes mittels einer CallBack funktion ausgeführt werden muss. *Aha!* Das hatte ich nicht beachtet. Dachte aber das nach getScript() einfach die Funktionen die im Script enthalten sind zur Verfügung stehen. Scheinbar ist das nicht so. Sie stehen wohl nur innerhalb der CallBackfunktion zur Verfügung (Glaube ich, hab ich jetzt nicht geprüft).

Aber das kann noch nicht der Weisheit letzter Schluss sein, denn zu Anfangs verwendet ich noch kein $.getScript(). Egal, hier ist jetzt from scratch neu aufgebauter Code der bei mir im FF funktioniert. Nochmal zur Errinnerung: test.php lädt mittels AJAX test2.php -> diese baut ein neues Div. nach dem AJAX wird noch eine externe JS Datei geladen die die Funktion Datepicker() auf das neue Div anwendet.

Sinn der Sache: Beim Start von test.php muss "test2.php, datepicker, jquery.ui, und jquery.css" noch nicht geladen werden, sondern erst wenn es auch wirklich benötigt wird.

----------- Test.php -----------

  
<head>  
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>  
    <script type="text/javascript">  
  
    function kalender() {  
     $.post('test2.php',0,function(content){  
                        document.getElementById('ausgabe').innerHTML = content;  
                        });  
  
     $.getScript("include/event.js", function(){  show_datepicker();  });  
    }  
</script>  
</head>  
<body>  
<a href="javascript:kalender()">Kalender zeigen</a><br>  
<div id=ausgabe style="border:3px solid #0000FF; padding:5px;"></div>  
<div style="border:2px solid #000000; padding:2px;" onclick="call_kalle()"> Kalle aufrufen </div>  
</body></html>

----------- Test2.php -----------

<?php  
echo "<div id=\"Kalle\" style=\"border:1px solid #001200; padding:3px;\"> Kalle </div>";  
?>

----------- event.js -----------

function show_datepicker()  
{  
  $.getScript("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js",  
    function(){  
        $("#Kalle").datepicker();  
        });  
}

(Hinweis: im Beispiel wird das CSS noch in der test.php geladen)

viele Grüße,
Rob

Beitrag melden
+1
Informationen zu den Bewertungsregeln