Estava enfrentando problemas com o carregamento de JS, principalmente pelo IE8, e me surgiu essa dúvida. Pesquisei bastante, acabei melhorando algumas coisas.
Atualmente, eu carrego todos os arquivos JS no final da página, antes da tag body
.
<body>
...
...
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript" src="funcoes.js"></script>
</body>
No caso o funcoes.js
é onde eu chamo (ou gostaria de chamar) todas as funções do site.
E é aí que acontecem os problemas.
Tenho nele por exemplo:
$(document).ready(function(){
validar();
});
$(window).scroll(function () {
...
});
$("#form_contato").validate();
$('.bxslider').bxSlider();
function validar(){
...
}
Eu não sei se possui alguma ordem na chamada dessas funções...
Não sei, por exemplo, quando tenho que utilizar $(function(){...});
.
Tenho sempre que ficar testando, e às vezes acontece de no IE8 alguma função não funcionar, daí começa a novela de mudar de lugar (as vezes chamando logo abaixo dos scripts no body
entre as tags script
resolve), daí essa função funciona, mas outra pára de funcionar, e daí lá vou eu começar a fazer testes de novo...
O que posso estar fazendo de errado?
js
, seguindo os itens mais acima que são exigidos logo após ... Pelas 3 referencias dejs
do seu exemplo não ta errado fazer assim, mas, possa ser que você ta chamando item que ainda não foi declarado. Exemplo: tem ai no seu código bxSlider, cade a referencia do mesmo ??? Só lembrando que isso independe de navegador, se faltar ojs
, vai acontecer erros ...