Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Jquery no ejecuta,pero javascript sí.

Estas en el tema de Jquery no ejecuta,pero javascript sí. en el foro de Jquery en Foros del Web. Hola a todos. Les comento que estoy haciendo una práctica web con jquery pero resulta que jquery ,bién puesto en el archivo html,no funciona.En cambio ...
  #1 (permalink)  
Antiguo 14/04/2015, 11:34
 
Fecha de Ingreso: febrero-2014
Ubicación: Rosario
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 2
Jquery no ejecuta,pero javascript sí.

Hola a todos.
Les comento que estoy haciendo una práctica web con jquery pero resulta que jquery ,bién puesto en el archivo html,no funciona.En cambio javascript ,sí.
Abajo les voy a mostrar mi fragmento de código para que vean por ustedes mismos y me digan en qué (pavada,estupidez) estoy fallando.
Llevo 4 días tratando de entender por qué no se ejecuta jquery.
Revisé la consola de javascript, y no me marca ningùn error.Tampoco lo hace firebug.(Estoy usando el navegador firefox).
Me fijo en firebug si el archivo externo jquery-2.1.3.min.js se está cargando ,y sí.Se está cargando.
El archivo jquery está en la misma carpeta que los demás archivos.

Acá les dejo el código para que me ayuden con semejante estupidez para continuar mis estudios de diseño web.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>P&aacute;gina de prueba</title>
<style type="text/css">
body {
background-color: #fff;
color: #000;
font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
margin-bottom: .2em;
}
.poem {
margin: 0 2em;
}
.highlight {
background-color: #ccc;
border: 1px solid #888;
font-style: italic;
margin: 0.5em 0;
padding: 0.5em;
}
</style>
</head>
<body>
<h1>Through the Looking-Glass</h1>
<div class="author">by Lewis Carroll</div>
<div class="chapter" id="chapter-1">
<h2 class="chapter-title">1. Looking-Glass House</h2>
<p>There was a book lying near Alice on the table,
and while she sat watching the White King (for she
was still a little anxious about him, and had the
ink all ready to throw over him, in case he fainted
again), she turned over the leaves, to find some
part that she could read, <span class="spoken">
"&mdash;for it's all in some language I don't know,"
</span> she said to herself.</p>
<p>It was like this.</p>
</div>
<div class="poem">
<h3 class="poem-title">YKCOWREBBAJ</h3>
<div class="poem-stanza">
<div>sevot yhtils eht dna ,gillirb sawT'</div>
<div>;ebaw eht ni elbmig dna eryg diD</div>
<div>,sevogorob eht erew ysmim llA</div>
<div>.ebargtuo shtar emom eht dnA</div>
</div>
</div>
<p>She puzzled over this for some time, but at last
a bright thought struck her. <span class="spoken">
"Why, it's a Looking-glass book, of course! And if
I hold it up to a glass, the words will all go the
right way again."</span></p>
<p>This was the poem that Alice read.</p>
<div class="poem">
<h3 class="poem-title">JABBERWOCKY</h3>
<div class="poem-stanza">
<div>'Twas brillig, and the slithy tov
<div>Did gyre and gimble in the wabe;</div>
<div>All mimsy were the borogoves,</div>
<div>And the mome raths outgrabe.</div>
</div>
</div>
</div>
<script type="text/javascript" src="jquery-2.1.3.js">
$(document).ready(function highLight(){
$(".poem-stanza").addClass("highlight");
});
</script>
</body>
</html>
  #2 (permalink)  
Antiguo 14/04/2015, 11:56
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años
Puntos: 17
Respuesta: Jquery no ejecuta,pero javascript sí.

yo lo probe asi y me fucniona, no entiendo la burrada esa que estabas haciendo vos $(document).ready(function highLight(){

Código Javascript:
Ver original
  1. $(document).ready(function (){
  2.     function highLight(){
  3.         $(".poem-stanza").addClass("highlight");
  4.     }
  5.     highLight();
  6.  
  7. });
  #3 (permalink)  
Antiguo 14/04/2015, 12:00
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Jquery no ejecuta,pero javascript sí.

Si solo vas a usar esa función en esa parte, no es necesario que le asignes un nombre, pero si deseas reutilizarla, tenla afuera y en el método ready, llámala directamente.

Código Javascript:
Ver original
  1. //Si la vas a usar solo en esa parte
  2. $(document).ready(function(){
  3.     $(".poem-stanza").addClass("highlight");
  4. });
  5.  
  6. //Si la vas a reutilizar
  7. function highlight(){
  8.     $(".poem-stanza").addClass("highlight");
  9. }
  10.  
  11. $(document).ready(highlight);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 14/04/2015, 12:16
 
Fecha de Ingreso: febrero-2014
Ubicación: Rosario
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 2
Respuesta: Jquery no ejecuta,pero javascript sí.

Diurno10 y Alexis88.Les agradezco por sus respuestas.
Les comento que utilicé ambas soluciones y ninguna me funcionó.
Recargué la página y nada.
No sé si tendrá algo que ver.Pero estoy usando el servidor apache en ubuntu.
Yo cargo un archivo externo javascript hecho por mí,y funciona bién.
Cuando lo reemplazo por jquery,ya no hay respuesta.
Les comento que estoy practicando con libros de jquery completos como por ejemplo,"jquery succint","jquery in action" y por último,"Learning jquery".Aplico los ejemplos tal cual,y nada.
Estoy seguro de que es una falla tan tonta como la estupidez misma,y no me doy cuenta.
Perdónenme por no entender el error que para ustedes seguro es muy obvio.
Quedo abierto a mas sugerencias.Gracias por la ayuda.
  #5 (permalink)  
Antiguo 14/04/2015, 12:17
 
Fecha de Ingreso: febrero-2014
Ubicación: Rosario
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 2
Respuesta: Jquery no ejecuta,pero javascript sí.

Diurno10 y Alexis88.Les agradezco por sus respuestas.
Les comento que utilicé ambas soluciones y ninguna me funcionó.
Recargué la página y nada.
No sé si tendrá algo que ver.Pero estoy usando el servidor apache en ubuntu.
Yo cargo un archivo externo javascript hecho por mí,y funciona bién.
Cuando lo reemplazo por jquery,ya no hay respuesta.
Les comento que estoy practicando con libros de jquery completos como por ejemplo,"jquery succint","jquery in action" y por último,"Learning jquery".Aplico los ejemplos tal cual,y nada.
Estoy seguro de que es una falla tan tonta como la estupidez misma,y no me doy cuenta.
Perdónenme por no entender el error que para ustedes seguro es muy obvio.
Quedo abierto a mas sugerencias.Gracias por la ayuda.
Editar/Borrar Mensaje
  #6 (permalink)  
Antiguo 14/04/2015, 12:23
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Jquery no ejecuta,pero javascript sí.

El error está en que colocas el código dentro del mismo bloque <script></script> en el que incluyes a la librería jQuery. Debes de hacerlo en otro bloque.

Por cierto, la función dentro del método ready, sí puede tener un nombre.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #7 (permalink)  
Antiguo 14/04/2015, 12:41
 
Fecha de Ingreso: febrero-2014
Ubicación: Rosario
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 2
Respuesta: Jquery no ejecuta,pero javascript sí.

¡Gracias!.
Te cuento que funcionó.
Lo puse en otro bloque <script> y al recargar la página,funcionó.
Me llama la atención que los libros que tengo de jquery,ninguno aclara ese punto.Práctica muy habitual que estaba siguiendo yo con cualquier función que desarrollara.
Gracias a esta ayuda,puedo seguir perfeccionándome en programación web y por fin dedicarme a lo que tanto quiero.Diseñador web freelance.
Les agradezco a los dos.

Etiquetas: javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:58.