IE10 y jQuery: SCRIPT5009: “$” no está definido
Me enfrento a este problema realmente molesto, aparece en IE10 como en IE9. Dado este HTML:
<head>
<title>Any Consult</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<!--[if lte IE 9]>
<script src="scripts/IE9.js"></script>
<![endif]-->
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
</head>
Esto (scripts.js) funciona bien en FF y Chrome, pero IE10 lanza el error SCRIPT5009.
scripts.js es como (ejemplo simple, pero probado):
$(document).ready(function() {
alert('Hello');
});
IE10 no carga el archivo jQuery y probé casi todo. Cambié y reduje el nombre de archivo, me ahorré el
<!--[if lte IE 9]>...
parte, lo intenté
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js"
Pero nada pasó. Porque esta es una nueva versión deesta pregunta, Me gustaría especificar:
¿Cómo debo nombrar el archivo jQuery para IE (10)?¿Dónde debo colocar las etiquetas de script en el encabezado HTML?¡Muchas gracias!
EDITAR: Aquí la versión HTML sugerida, que no funciona, también:
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
<script type="text/javascript" src="scripts/clocks.js"></script>
<!--[if lte IE 9]>
<script src="scripts/IE9.js"></script>
<![endif]-->
<!--[if IE]><script type="text/javascript" src="scripts/excanvas.js"></script><![endif]-->
IE9.js es un archivo polyfill del navegador.
Y aquí está mi captura de pantalla ("ist undefiniert" significa "no está definido", "Die Webseite reagiert nicht" significa "la página bajó", "Debugger beenden" significa "Stop debugging", $ ('. ALang') es una clase en mi HTML.