en mi sitio web tengo una barra de navegación simple donde hacer clic en los diferentes elementos hace que cambie el contenido principal. Técnicamente, todo se hace en un solo archivo "main.html", que contiene todo y yo uso la función "load" de jquery para cargar dinámicamente otros archivos html para colocarlos dentro de main.html. Esto funciona bien siempre y cuando no haya javascript en estos archivos html incrustados. Pero hay un archivo que quiero insertar, que también tiene código javascript, que debería ejecutarse en $ (documento) .ready. Pero esto nunca sucede, no hay ningún error en el javascript, simplemente nunca se ejecuta. Supongo que es porque solo cambio el DOM del "main.html" y luego no se activará el evento "onReady". ¿Puede alguien darme una idea de cuál sería la mejor manera de obtener el comportamiento deseado? Colocar el javascript en el "main.html" haría que las cosas funcionen, pero esta no es una opción para mí.

¡Gracias por adelantado!

actualización: problema resuelto El problema está resuelto. Cuando llamo al javascript fuera del evento onReady () (como sugirió Loic Coenen), funciona igual de esperado. También quité las etiquetas envueltas alrededor. Muchas gracias a todos los que me ayudaron!