Foros del Web » Programando para Internet » Jquery »

Jquery - Problemas Chrome y Firefox

Estas en el tema de Jquery - Problemas Chrome y Firefox en el foro de Jquery en Foros del Web. Tengo el siguiente código donde utilizo Jquery (estoy comenzando). Pero resulta que tengo un problema: Este código solo me funciona en Internet Explorer. Probándolo en ...
  #1 (permalink)  
Antiguo 30/03/2011, 20:25
 
Fecha de Ingreso: abril-2008
Ubicación: Córdoba
Mensajes: 103
Antigüedad: 16 años, 2 meses
Puntos: 4
Información Jquery - Problemas Chrome y Firefox

Tengo el siguiente código donde utilizo Jquery (estoy comenzando).

Pero resulta que tengo un problema: Este código solo me funciona en Internet Explorer. Probándolo en Google Chrome y en Firefox no me despliega el menú (ver ejemplo en IE).

Aquí el código:

Código HTML:
Ver original
  1. <title>Aprendiendo Jquery</title>
  2. <script src="jquery-1.3.min.js" type="text/javascript"></script>
  3. <script language="Javascript">
  4.  
  5. $(function(){
  6.     $('ul.subnavegador').hide();
  7.         $('a.desplegable').toggle(
  8.             function(){
  9.                 $(this).parent().find('ul.subnavegador').slideDown('fast');
  10.             },
  11.             function(){
  12.                 $(this).parent().find('ul.subnavegador').slideUp('normal');
  13.             });
  14.     });
  15. <style type="text/css">
  16. #submenu {
  17.     margin-left:-40px;
  18. }
  19. a {
  20.     color:white;
  21. }
  22. a:hover {
  23.     color:red;
  24. }
  25. #menu {
  26.     width:180px;
  27.     background-color:black;
  28. }
  29. li {
  30. padding:3px;
  31. border: 1px solid white;
  32. list-style:none;
  33. display:block;
  34. }
  35. </head>
  36. <ul id="menu">
  37. <li><a href="#">Inicio</a></li>
  38. <li><a href="#" class="desplegable">Servicios -></a></li>
  39. <ul class="subnavegador">
  40. <li><a href="#">Paginas web</a></li>
  41. <li><a href="#">Cocina</a></li>
  42. <li><a href="#">Restaurant</a></li>
  43. <li><a href="#">Coca Cola</a></li>
  44. </ul>
  45. <li><a href="#">Quienes somos</a></li>
  46. <li><a href="#" class="desplegable">Menu con Submenues 2 -></a></li>
  47. <ul class="subnavegador">
  48. <li><a href="#">Sub menu 1</a></li>
  49. <li><a href="#">Sub  menu 2</a></li>
  50. </ul>
  51. </ul>
  52. </body>
  53. </html>

Gracias
  #2 (permalink)  
Antiguo 31/03/2011, 00:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 3 meses
Puntos: 1284
Tema movido desde javascript
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: chrome, compatibilidad, explorer, firefox, internet, 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 03:04.