| Ver tema anterior :: Ver siguiente tema |
| Autor |
Mensaje |
Neny_16
User destacando
Registrado: 27 May 2006
Mensajes: 279
|
 Publicado: Jue May 03, 2012 1:19 pm Título del mensaje: No funcionan librerías JQueryUI con JQuery |
 |
|
Hola,
tengo que hacer unos ejemplos con JQuery y no se cargan las librerías. Podríais decirme que tengo mal en el código?
index.html
| Código: |
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ca" lang="ca">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DWC</title>
<meta name="author" content="Laia L." />
<meta name="date" content="2012" />
<meta name="keywords" content="javascript" />
<meta name="description" content="DWC" />
<link href="scripts/estil.css" rel="stylesheet" type="text/css" />
<link href="jquery/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
<script src="scripts/script.js" type="text/javascript"></script>
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script>
</head>
<body>
<h3>Efectes (11) (5 d'una pràctica i 6 de l'altre pràctica)</h3>
<div class="theMenu">
<h5 id="ex01"><a href="">Anar cap a la dreta</a></h5>
<h5 id="ex02"><a href="">Explotar</a></h5>
<h5 id="ex03"><a href="">Amagar-se</a></h5>
<h5 id="ex04"><a href="">Rebotar tres cops</a></h5>
<h5 id="ex05"><a href="">Convertir-se en rectangle</a></h5>
<h5 id="ex06"><a href="">Pels costats</a></h5>
<h5 id="ex07"><a href="">Va cap aball transparent</a></h5>
<h5 id="ex08"><a href="">Es doblega com un paper</a></h5>
<h5 id="ex09"><a href="">Treu opacitat</a></h5>
</div>
<div class="elem_div"></div>
<br /><h3>Estil CSS (5)</h3>
<div id="div_css"></div>
</body>
</html>
|
estil.css
| Código: |
.elem_div { margin: 0px; width: 100px; padding: 2px; text-align: center; font-weight: bold; height: 80px; background-color: green; border: 1px solid black; }
|
script.js
| Código: |
// JavaScript Document
$(document).ready(function() {
$("#ex01").click(function () { $(".elem_div").hide("slide", { direction: "right" }, 1000); });
$("#ex02").click(function () { $(".elem_div").hide("explode", 1000); });
$("#ex03").click(function () { $(".elem_div").hide("scale", {}, 1000); });
$("#ex04").click(function () { $(".elem_div").effect("bounce", { times:3 }, 300); });
$("#ex05").click(function () { $(".elem_div").effect("size", { to: {width: 200,height: 60} }, 1000); });
$("#ex06").click(function () { $(".elem_div").hide("clip", { direction: "horizontal" }, 1000); });
$("#ex07").click(function () { $(".elem_div").hide("drop", { direction: "down" }, 1000); });
$("#ex08").click(function () { $(".elem_div").hide("fold", {}, 1000); });
$("#ex09").click(function () { $(".elem_div").hide("fade", {}, 1000); });
$("#div_css").html("<b>Wow!</b> Such excitement...");
$("#div_css b").append(document.createTextNode("!!!"))
.css("color", "red");
}); |
|
|
| Volver arriba |
|
 |
sheldon
Yo soy el foro
Registrado: 27 Feb 2011
Mensajes: 1038
|
| Publicado: Jue May 03, 2012 3:26 pm Título del mensaje: |
|
|
No entiendo mucho de javascript pero te puedo orientar lo que veo.
1-. lo tienes metido en la carpeta scripts del raiz ¿verdad? y tienes permisos de lectura en dicha carpeta ¿no?
2.- Puedes probar a incluir tu javascript directamente delante del </head> de tu html a ver si lo coje.
_________________
"Aquella masa de solidificada razón de dieciséis kilómetros de longitud, a la que los hombres llamaban multivac, era el más complejo ordenador jamás construido".
UEPG es la respuesta al 99%. |
|
| Volver arriba |
|
|
andres_1033
Yo soy el foro
Registrado: 27 Sep 2006
Mensajes: 1231
Ubicación: Colombia
|
| Publicado: Jue May 03, 2012 3:32 pm Título del mensaje: |
|
|
¿Se muestra algún mensaje de error al cargar a página?
Si no es así, abre la página con Chrome, luego oprime Ctrl+Shift+J para abrir la consola de JavaScript y envíanos una captura en pantalla de lo que aparece o copia y pega el texto que allí aparece.
_________________
.:: No mas censura en las redes sociales. Clic para saber mas ::.
Hay que entrar en la onda ambiental. |
|
| Volver arriba |
|
|
Neny_16
User destacando
Registrado: 27 May 2006
Mensajes: 279
|
| Publicado: Jue May 03, 2012 3:33 pm Título del mensaje: |
|
|
acabo de probar el script en el head, y me he dado cuenta de que tenía mal los <script>.
Estoy cargando el script.js antes de cargar los archivos de jquery!!
| Código: |
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script>
<script src="scripts/script.js" type="text/javascript"></script>
|
|
|
| Volver arriba |
|
|
andres_1033
Yo soy el foro
Registrado: 27 Sep 2006
Mensajes: 1231
Ubicación: Colombia
|
| Publicado: Jue May 03, 2012 3:38 pm Título del mensaje: |
|
|
Eso quiere decir que ya te funciono?
Puedes usar la consola de Javascript da chrome para encontrar con mas rapidez ese tipo de errores.
_________________
.:: No mas censura en las redes sociales. Clic para saber mas ::.
Hay que entrar en la onda ambiental. |
|
| Volver arriba |
|
|
Neny_16
User destacando
Registrado: 27 May 2006
Mensajes: 279
|
| Publicado: Mie May 09, 2012 8:54 am Título del mensaje: |
|
|
Gracias Andrés, normalmente uso el "Firebug" de Firefox para encontrar errores en javascript, pero a veces no se en qué jquery.js mirar, por ejemplo..
Y tmpoco había pensado en usarlo T_T
Saludos!! |
|
| Volver arriba |
|
|
|
|
|
