Autor
|
Tema: [JQuery] $(".clase") is null .... porque ? (Leído 10,294 veces)
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
Estoy implementando unos JQuerys a mi sistema, ya que he manejado siempre puro AJAX, pero ahora quiero usar el potencial de este framework. Ya estuve haciendo algunos ejemplo (como practica) y me funcionan bien... Ahora he puesto manos a la obra en la implementacion de algunos cambios en mi sitio web, pero me topo con el inconveninete de que me tira este error: Lo que estoy implementando es un sistema de votaciones (con estrellitas), he impreso las estrellas usando CSS (usando sprites), pero quiero que al momento de que se pase el raton por alguna estrella esta se torneo de color (mouseover), pero no lo puedo lograr debido al error que les menciono... Alguien le sucede igual, alguna idea ? Mi code: <html> <head> script language="javascript" type="text/javascript" src="miweb.com/js/jquery.js"></script> <script language="javascript" type="text/javascript" src="miweb.com/js/myjquery.js"></script> <script language="javascript" type="text/javascript" src="miweb.com/js/script.js"></script> <style> .icono_votaciones {background:transparent url(../imagenes/iconos.png) no-repeat;float:left;height:16px;width:80px; cursor:pointer;background-position:-1px -284px;} .estrella {width:16px;height:16px;float:left;} </style> </head> <body> <!-- mucho codigo.... //--> <div class="icono_votaciones"> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> </div> </body> </html>
En myjquery.js tengo: $(document).ready(function() { $('.estrella').mouseover( function() { var star= $(this).index()+1; $(this).parent().css( "background-position", "0 -"+ (32*star) +"px" ); }); });
|
|
« Última modificación: 27 Junio 2011, 20:24 pm por Diabliyo »
|
En línea
|
|
|
|
Shell Root
|
Tienes errores de sintaxis. Mirad, script language="javascript" type="text/javascript" src="'. HTTP_SERVER. '/js/jquery.js"> </script>
Ni idea que es HTTP_SERVER
|
|
|
En línea
|
Te vendería mi talento por poder dormir tranquilo.
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
Tienes errores de sintaxis. Mirad, script language="javascript" type="text/javascript" src="'. HTTP_SERVER. '/js/jquery.js"> </script>
Ni idea que es HTTP_SERVERPerdon... la variable HTTP_SERVER esta definida con la URL de la web. define( HTTP_SERVER, "http://". $_SERVER['HTTP_HOST']. "/" ); Uso esto asi porque implemento mod_reqrite (urls amigables), asi que para evitar escirbir: $_SERVER['HTTP_HOST'], hice la variable esa de: HTTP_SERVER.
|
|
|
En línea
|
|
|
|
Shell Root
|
Pero igual se supone que es PHP, debería de ser así no se -jamás en mi vida he usado algo como eso-<script language="javascript" type="text/javascript" src="<?= HTTP_SERVER ?>/js/jquery.js"> </script>
|
|
« Última modificación: 27 Junio 2011, 19:25 pm por Shell Root »
|
En línea
|
Te vendería mi talento por poder dormir tranquilo.
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
En fin.. lo del HTTP_SERVER no es por hay el problema, sino el null...
Saludos !
|
|
|
En línea
|
|
|
|
Nakp
casi es
Ex-Staff
Desconectado
Mensajes: 6.336
he vuelto :)
|
ok... abre la consola del firebug (o lo que uses, debe ser una consola javascript) e intenta con esto en la consola y si te da null es por 1 sola razon, no estas incluyendo jquery xD $(".estrella")
y despues con jQuery
si devuelve "is not defined" ya sabes que sucedio xD no existe jquery... si devuelve function() es que no hay elementos con la clase .estrella
|
|
|
En línea
|
Ojo por ojo, y el mundo acabará ciego.
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
Por favor orientame sobre la consola del Firebug, lo tengo instalado en el firefox pero jamas lo uso... Lo unico que hago para ver los errores generados en ejecucion de javascritp es la consola JavaScritp que atre Firefox (Ctrl+Shift+J). Es donde me sale: Error: $(".estrella") is null Archivo de origen: http://turundus.net/js/myjquery.js Como ven la pagina es: http://www.turundus.net. si acceden y ven el codigo HTML veran que invoco el JQuery y esta presente: <script language="javascript" type="text/javascript" src="http://turundus.net/js/jquery.js"></script> <script language="javascript" type="text/javascript" src="http://turundus.net/js/myjquery.js"></script> <script language="javascript" type="text/javascript" src="http://turundus.net/js/script.js"></script> jquery.js --> es el jquery.1.6.1-google.min.js myjquery.jd --> mi codigo jquery Aun asi el error continua ..... Que hago ? Saludos !
|
|
« Última modificación: 27 Junio 2011, 22:56 pm por Diabliyo »
|
En línea
|
|
|
|
Nakp
casi es
Ex-Staff
Desconectado
Mensajes: 6.336
he vuelto :)
|
no se si de algo sirve pero tienes el jquery afuera del head, ademas usas prototype (que tambien utiliza el signo dolar para su funcion) por lo tanto debes usar jQuery.noconflict(); y en vez de referirte a jquery con $ lo haras con jQuery esto funciona de hecho jQuery('.estrella')
el problema es el conflicto con prototype
|
|
|
En línea
|
Ojo por ojo, y el mundo acabará ciego.
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
no se si de algo sirve pero tienes el jquery afuera del head, ademas usas prototype (que tambien utiliza el signo dolar para su funcion) por lo tanto debes usar jQuery.noconflict(); y en vez de referirte a jquery con $ lo haras con jQuery esto funciona de hecho jQuery('.estrella')
el problema es el conflicto con prototype Voy a probar como me mencionas...
Pero haciendo un parentesis, me puse a examinar con lupa el problema, ya que estoy acostumbrado a usar $ en llamadas jquery, asi que me arme un script voto.php el cual imprime 5 estrella s(tomadas de iconos.png) y cuando pasas el raton por cada estrella, esta se rellena. Estoy usando LA MISMA NOTACION y corre muy bien... <html> <head> <style type="text/css" rel="stylesheet"> <!-- .icono_votaciones {background:transparent url(template/catalogio/imagenes/iconos.png) no-repeat;float:left;height:16px; width:81px;cursor:pointer;background-position:-1px -284px;} .estrella {width:16px;height:16px;float:left;} //--> </style> <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script language="javascript" type="text/javascript" src="js/myjquery.js"></script> </head> <body> <?php echo ' <div class="icono_votaciones" id="rating1result0"> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> <div class="estrella"></div> </div> <div class="result">0</div>'; ?> </body> </html>
Pero cuando paso el codigo hacia mi implementacion en mi portal, ya no funciona ... Saludos !
|
|
|
En línea
|
|
|
|
RedZer
Desconectado
Mensajes: 666
|
no me lei todo solo tu ultimo post por k ando un poko ocupado mira veo que en el css tienes esto <!--//--> ami una ves en un hosting gratuito me dio problemas no se pero igual podrias quitar esas dos lineas . por k al menos ami me anulaba parte del codigo css en donde tenia puesto comentarios con esas lineas se los quite y funciono.
|
|
|
En línea
|
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
|
|
|
|
Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
De donde puedo descargar utilidades: "Formas", "Estilos", "Motivos", D
Diseño Gráfico
|
Ad0nis
|
2
|
8,836
|
2 Septiembre 2006, 15:48 pm
por Ad0nis
|
|
|
Trabajo de clase, tiempo escaso = Justificación nuevo hilo temp posib "repetido"
« 1 2 »
Java
|
*-.Sub-Vorbio.-*
|
16
|
7,220
|
11 Noviembre 2008, 00:27 am
por sapito169
|
|
|
Como abrir una "clase" en forma de Ventana? (vb.net)
.NET (C#, VB.NET, ASP)
|
Skeletron
|
1
|
2,319
|
18 Mayo 2009, 07:01 am
por Skeletron
|
|
|
"Rounded corners" faciles y cross-browser con Jquery
Desarrollo Web
|
4rkn63l
|
1
|
3,657
|
29 Julio 2011, 07:35 am
por bomba1990
|
|
|
[HACK][jQuery] "Invitar a todos" Tuenti
Desarrollo Web
|
Karcrack
|
4
|
5,913
|
6 Abril 2012, 17:56 pm
por Karcrack
|
|