JavaScript - Quitar código JS del HTML y agregarlo en un archivo

 
Vista:

Quitar código JS del HTML y agregarlo en un archivo

Publicado por You (1 intervención) el 18/08/2013 04:21:34
Buenas camaradas, este es mi primer post en LWP
Tengo un problema, y me gustaría que ustedes me orienten para resolverlo si no es mucha molestia...
En mi código fuente HTML tenía varios trozos de códigos css por aquí y por allá. Entonces decidí reunírlos todos en un archivo llamado principal.css y hacer lo siguiente en la sección head
Código HTML:

1
<link href="css/principal.css" rel="stylesheet" type="text/css" />


¡Esto ha funcionado de maravilla!
Mi idea era hacer lo mismo con el código javascript que está en mi HTML, pero no ha funcionado. Este es uno de ellos:
Código:

1
2
3
4
5
6
7
8
9
10
11
12
$("[data-slider]")
		.each(function () {
		var input = $(this);
		$("<span>")
			.addClass("output")
				.insertAfter($(this));
		})
		.bind("slider:ready slider:changed", function (event, data) {
		$(this)
			.nextAll(".output:first")
				.html(data.value);
		});


¿Existe alguna manera especial de hacer esto?
Mi objetivo es que la página tenga la menor cantidad de código, quiero dejarla bien indentada, documentada y limpia.
¡Saludos, estaré en aguardo de sus respuestas!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Quitar código JS del HTML y agregarlo en un archivo

Publicado por xve (2100 intervenciones) el 18/08/2013 09:26:40
Hola You, es exactamente igual que para los estilos, lo unico que para referenciar a dicho archivo es diferente.

1
<script src="file.js" type="text/javascript"></script>


Hay que tener en cuenta, que si el código de jquery necesitas que se carga una vez cargado el DOM, tendrás que ponerlo dentro del tag ready() de jquery... algo así:
1
2
3
$(document).ready(function(){
    tu codigo jquery
});


Exactamente que problema has tenido?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar