É o seguinte, eu tenho uma página principal onde dentro de uma div carrego outras páginas por load, algo bem parecido com o tabs, só que feito na mão. E tenho um arquivo chamado funcoes.js que é carregado na head logo após o jquery, este arquivo contém todas as funções. A questão é que quando carrego uma página por load, as funções dos elementos desta página não funcionam corretamente ou não funcionam, mesmo usando
live().
Gostaria de saber qual a maneira correta de fazer isso. Se eu escrever o js no fragmento de página que vai ser carregado dinamicamente tudo funciona corretamente, só que eu gostaria de ter algo mais organizado entendem? Não gostaria de ter que escrever o js em cada página ou fragmento de página que eu for criar. Eu já tentei criar um js para cada módulo, tipo para validação de cadastro criar um valcadastro.js, e carregar ele no fragmento da página através do
jQuery.getScript('js/valcadastro.js');, mas as coisas não funcionaram como eu esperava.
Então, gostaria de saber de vocês como vocês fazem, escrevem o javascript em cada página que vai ser carregada? Qual seria o modo correto?
Agradeço desde já.