Como hacer que funcione el Jquery de codecademy
Hola amigos estoy tomando un curso en codeacademy y me esta saliendo todo bien, pero intente hacer un ejercicio en el la computadora para probar y resulta que el código no me funciona la razón creo.. es que dentro de los códigos tengo que poner un link para que se conecte con jquery UI pero este codigo ya lo tengo dentro no se por que no me funciona.
alguien sabe
aqui les paso un codigo para que vean
//archivo Javascript//
$(document).ready(function(){
$('div').click(function(){
$(this).effect('bounce',{times:3} , 500);
});
});
// archivo html//
<script type='text/javascript' src='script.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
</head>
<body>
<div></div>
</body>
</body>
//css//
div {
border-radius: 5px;
background-color: #ABCDEF;
transition: background-color 0.5s ease;
display:inline;
font-size:25px;
padding:20px;
border:1px solid #ccc;
margin-top:10px;
}
jimbo_2
esa era la repuesta gracias amigo
black-pudding
Creo que no me he explicado bien. Has de insertar tanto las librerías jQuery como jQueryIU, ambas, antes de insertar tu script.
<html>
<head>
<meta charset=utf-8 />
<title>jQuery Test</title>
<link rel="stylesheet" type="text/css" media="screen" href="master.css" />
<!-- Primero insertamos la librería jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- También la librería jqueryIU, son librería diferentes-->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<!-- Por último insertamos nuestro script -->
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<div></div>
</body>
</html>
Supongo que codeacademy intenta centrar cada lección en aprender a emplear unos métodos determinados, por lo que el código que tu manipulas no esté del todo completo para funcionar fuera. Pero lo mejor es que lo descubras tu mismo, prueba hacer distintos cambios al código y ver qué alertas te muestra la consola (en chrome cmd+opt+I).
jimbo_2
así nada .. :"(
<script type='text/javascript' src="https://script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
jimbo_2
peor eso es lo que hago ,.
primero cargo el jquiry
<script type='text/javascript' src='script.js'></script>
///despues el ui
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
no le pongo http por que el primero esta alojado en mi ordenador y el segundo que es el UI estaba así en el cogido que extraje de Codecademy, o a lo mejor me dices que tengo que cargar otro scrip externo ?
black-pudding
En realidad no.
Tu código tiene 3 errores:
1. Tienes que cargar jQuery antes de jQueryUI. Son librerías distintas con distintos propositos.
2. Asegurate incluir el protocolo (http:// ó https://) en la url de scripts alojados en servidores externos. En este caso jQuery y jqueryIU.
3. Inserta tu scripts después de cargar jQuery (el orden dentro de <head>). Se han de definir los métodos ($) antes de que puedas utilizarlos.
Y como consejo para seguir aprendiendo: siempre que tu script no funcione como tu esperes, acude al debbuger. Todos los navegadores tienen uno y este te mostrará donde y cual es le problema.
jimbo_2
eh leído por algún lado que tengo que bajar el UI de esta web
http://qunitjs.com/pero no se cual archivo baajr de todos para que corra en mi maquina. ayuda please