Como incluir dinamicamente um arquivo html contendo javascript

no meu site eu tenho uma barra de navegação simples, onde clicar nos itens diferentes faz com que o conteúdo principal seja alterado. Tecnicamente, tudo é feito em um único arquivo "main.html", que contém tudo e eu uso a função jquery "load" para carregar dinamicamente outros arquivos html para colocá-lo dentro do main.html. Isso funciona muito bem, desde que não haja JavaScript nesses arquivos html embutidos. Mas há um arquivo que eu quero inserir, que também tem código javascript, que deve ser executado em $ (document) .ready. Mas isso nunca acontece - não há erro no javascript, ele nunca é executado. Eu suponho que é porque eu só mudo o DOM do "main.html" e então não haverá nenhum evento "onReady" disparado. Alguém pode me dar uma idéia de qual seria a melhor maneira de obter o comportamento desejado? Colocar o javascript no "main.html" faria com que as coisas funcionassem, mas isso não é uma opção para mim.

Desde já, obrigado!

atualização: problema resolvido Problema resolvido. Quando eu chamo o javascript fora do evento onReady () (como sugerido pelo Loic Coenen), ele funciona da mesma maneira que o esperado. Eu também removi as tags enroladas. Muito obrigado a todos que me ajudaram!

questionAnswers(2)

yourAnswerToTheQuestion