Dynamisches Einbinden einer HTML-Datei mit Javascript

Auf meiner Website gibt es eine einfache Navigationsleiste, in der sich durch Klicken auf die verschiedenen Elemente der Hauptinhalt ändert. Technisch ist alles in einer einzigen Datei "main.html" erledigt, die alles enthält, und ich benutze die jquery-Funktion "load", um andere HTML-Dateien dynamisch zu laden, um sie in der main.html abzulegen. Dies funktioniert einwandfrei, solange in diesen HTML-Dateien, die ich eingebettet habe, kein Javascript vorhanden ist. Aber es gibt eine Datei, die ich einbetten möchte, die auch Javascript-Code enthält, der auf $ (document) .ready ausgeführt werden sollte. Aber das passiert nie - es gibt keinen Fehler im Javascript, es wird einfach nie ausgeführt. Ich nehme an, es liegt daran, dass ich nur das DOM der "main.html" ändere und dann kein "onReady" -Ereignis ausgelöst wird. Kann mir jemand eine Vorstellung davon geben, wie ich das gewünschte Verhalten am besten erreichen kann? Wenn Sie das Javascript in der "main.html" platzieren, funktionieren die Dinge, aber das ist für mich keine Option.

Danke im Voraus!

Update: Problem behoben Das Problem ist gelöst. Wenn ich das Javascript außerhalb des onReady () -Ereignisses aufrufe (wie Loic Coenen vorgeschlagen hat), funktioniert es genauso wie erwartet. Ich habe auch die umwickelten Tags entfernt. Vielen Dank an alle, die mir geholfen haben!

Antworten auf die Frage(2)

Ihre Antwort auf die Frage