Kleine Ajax-Frage

[PseudoPsycho]

Hi!
Also, es ist so, dass wenn man Ajax verwendet (oder auf andere Art die innerHTML-Methode verwendet), man HTML nachladen kann.
Dieses HTML ist dann aber "unabhängig" vom Rest des Dokuments.
Sprich: Funktionen, die in der Datei definiert und vom Nachgeladenen aufgerufen werden sollen, funktionieren nicht. Ebenso wirkt sich das CSS des Headbereichs nicht auf den nachgeladenen Content aus.

Nun lade ich jedoch eine Seite über Ajax nach und in einem davon befindet sich ein Formular, welches ich über (wer hätte damit gerechnet) Ajax versenden möchte. Da ich jQuery nutze, wird es nicht möglich sein, einfach alles in den Eventhandler zu schreiben...

Gibt es da irgendeine Möglichkeit? Wäre sehr dankbar!

[sava]

Lad einfach alle CSS und JS dateien im Hauptdokument, die Styles werden dann auch angewendet, egal ob mit oder ohne Ajax geladen.

[PseudoPsycho]

Originally Posted by sava

Lad einfach alle CSS und JS dateien im Hauptdokument, die Styles werden dann auch angewendet, egal ob mit oder ohne Ajax geladen.

Genau das habe ich doch gemacht...?

[Fratyr]

Wenn du mit jQuery ein Event für ein Node Element anlegen möchtest, das erst
später ins Dokument geladen wird, dan musst du anstelle von $('.bla').click( .. );
jQuerys live Methode verwenden.

PHP Code:

$('.bla').live('click', function () {
  ...
}); 


[PseudoPsycho]

Nee, so meine ich das garnicht...

Also, Datei1 beinhaltet den <script>-Tag mit
function test(){...}
und ruft über $.ajax(...) nun Datei2 auf und packt den Inhalt in ein Div.

In Datei2 ist z.B. ein Button mit onClick="test();"
und das funktioniert nicht. Schreibe ich den Inhalt von Datei2 direkt in den Quelltext des Divs, schon.

[Fratyr]

Mich würde mal interessieren was die Fehlerkonsole dazu sagt, vielleicht hast du auch einfach nur
einen Fehler in deinem Script.

[PseudoPsycho]

Nee, hab keinen Fehler...
Das Problem hatte ich schon bei seehr vielen selbstgebastelten Webseiten und Firebug meldet auch keine Fehler.

[Fratyr]

Wenn du deine Funktion innerhalb von jQuerys read funktion

PHP Code:

$(document).ready(function () {
   function test () {
     ...
   }
}); 


Kann es sein das die Funktion nur Lokal und nicht Global verwendet werden kann.
Probiere doch mal deine Funktion so zu definieren:

PHP Code:

$(document).ready(function () {
   window.test = function () {
     ..
   }
} 


test = function () müsste eigentlich auch ausreichen, nur sicherheitshalber.
Ansonsten bin ich hier auch mit meinem Latein am Ende, eine Möglichkeit
wäre es die Dateien hochzuladen dan könnte man dir evtl. auch besser
helfen da du dein Problem auch ziemlich unverständlich geschildert hast.

Da ich jQuery nutze, wird es nicht möglich sein, einfach alles in den Eventhandler zu schreiben...

Doch kannst du, der Callback parameter muss nicht umbedingt eine Anonyme Funktion sei, du kannst also anstelle
von

PHP Code:

$('*').click(function () {}); 


auch eine beliebige Funktion verwenden

PHP Code:

$('*').click(test); 


[PseudoPsycho]

Da ich jQuery nutze, wird es nicht möglich sein, einfach alles in den Eventhandler zu schreiben...

Damit war gemeint, dass in der neugeladenen Datei überhaupt keine Funktionen etwas nützen, auch nicht die von jQuery und ich schlecht die gesamte Bibliothek nochmal in den Eventhandler schreiben kann onClick="jquery...."?

[Fratyr]

Naja wiegesagt, alles was ich dir noch anbieten kann ist deine Dateien hochzuladen.

[PseudoPsycho]

Danke für die Hilfe-Versuche,
habe inzwischen 'nen Fix im Netz gefunden...