Foros del Web » Programando para Internet » Jquery »

Problemas con menu jquery

Estas en el tema de Problemas con menu jquery en el foro de Jquery en Foros del Web. Hola buenos dias. Tengo un menu jquery, que lo que hace principalmente es al pasar el raton por encima se despliega el menu ( lo ...
  #1 (permalink)  
Antiguo 20/06/2011, 05:03
 
Fecha de Ingreso: junio-2011
Mensajes: 3
Antigüedad: 13 años, 5 meses
Puntos: 0
Problemas con menu jquery

Hola buenos dias.
Tengo un menu jquery, que lo que hace principalmente es al pasar el raton por encima se despliega el menu ( lo tipico vamos ) el problema que tengo es que en IE va todo perfecto, pero en firefox, safari, chrome.. o incluso en IE de windows 7 x64 el menu no hace ningun tipo de efecto... no se que es lo que debo de tener mal en el codigo, a ver si me podrian echar una mano porfavor. Gracias.

Aqui les pego el codgo:

Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){ // Script del Navegador
    $("ul.subnavegador").not('.selected').hide();
    $("a.desplegable").mouseover(function(e){    
    var desplegable = $(this).parent().find("ul.subnavegador");
      $('.desplegable').parent().find("ul.subnavegador").not(desplegable).slideUp('normal');
      desplegable.slideToggle('normal');
      e.preventDefault();
    })
 });
</script>

Y aqui el codigo del menu, por si les sirve de algo:

Código:
<ul class="navegador">
<li><a href="informa.exe">Asistencia</a></li>
				<li><a href="default.htm">Principal</a></li>
				<li><a href="erpintro.htm" class="desplegable">ERP,CRM</a></li>
				     <ul class="subnavegador">
					     <li><a href="ERP.htm">· ERP</a></li>
					     <li><a href="CRM.htm">· CRM</a></li>
					 </ul>	
				<li><a href="hostintro.htm" class="desplegable">Hosteleria</a></li>
				     <ul class="subnavegador">
				         <li><a href="hostrest.htm">· ERP Restaurantes</a></li>
				         <li><a href="hostele.htm">· ERP Telecomandas</a></li>
				         <li><a href="hosthot.htm">· ERP Hotel</a></li>
				         <li><a href="hostbar.htm">· Alfa Bar TPV</a></li>
				     </ul>    
				<li><a href="comintro.htm" class="desplegable">Comercio</a></li>
				     <ul class="subnavegador">
						 <li><a href="comezapa.htm">· Zapaterias</a></li>
						 <li><a href="comeropa.htm">· Tiendas de ropa</a></li>
						 <li><a href="comedepo.htm">· Deporte</a></li>
						 <li><a href="comejoy.htm">· Joyerias</a></li>
						 <li><a href="comeperfu.htm">· Perfumerias</a></li>
						 <li><a href="comerega.htm">· Tiendas de regalo</a></li>
						 <li><a href="comepelu.htm">· Peluquerias</a></li>
						 <li><a href="cometpv.htm">· TPV Comercio</a></li>
						 <li><a href="cometpvtactil.htm">· TPV tactil comercio</a></li>
					 </ul>	
				<li><a href="hidrointro.htm" class="desplegable">Hidrocarburos</a></li>
				     <ul class="subnavegador">
					     <li><a href="hidroeess.htm">· Estaciones de Servicio</a></li>
					     <li><a href="hidroauto.htm">· Terminal de Autoservicio</a></li>
					     <li><a href="hidrogaso.htm">· Gasocentros</a></li>
						 <li><a href="hidroenruta.htm">· Venta en ruta de Gasoleos</a></li>
					 </ul>
				<li><a href="bodintro.htm" class="desplegable">Bodegas y Almazaras</a></li>
					 <ul class="subnavegador">
					     <li><a href="Bodegas.htm">· Bodegas</a></li>
					     <li><a href="Almazaras.htm">· Almazaras</a></li>
					 </ul>     
				<li><a href="default.htm">Telefonía</a></li>
				<li><a href="default.htm">Diseño Web</a></li>
				<li><a href="default.htm">Formación</a></li>
				<li><a href="ubicacion.htm">Ubicación</a></li>
				<li><a href="promotions/tdt.htm">Promociones</a></li>
			</ul>
  #2 (permalink)  
Antiguo 20/06/2011, 06:18
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Problemas con menu jquery

Estás usando mal el selector pues tenés mal tu enmarcado HTML. Actualmente tenés algo así:

Código HTML:
Ver original
  1. <ul class="navegador">
  2.     <li><a class="desplegable">Subopcion</a></li>
  3.     <ul class="subnavegador">
  4.         <li><a>opcion</a></li>  
  5.   </ul>
  6. </ul>

Lo cual es incorrecto. El <ul class="subnavegador"> debería ser hermano del a class="desplegable">. Es decir, ambos elementos dentro de un <li>. Así:

Código HTML:
Ver original
  1. <ul class="navegador">
  2.     <li><a class="desplegable">Subopcion</a>
  3.         <ul class="subnavegador">
  4.             <li><a>opcion</a></li>  
  5.       </ul>
  6.     </li>
  7. </ul>

Haciendo ese cambio funciona.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 20/06/2011, 06:57
 
Fecha de Ingreso: junio-2011
Mensajes: 3
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Problemas con menu jquery

DIOS MIO xD MUCHISIMAS GRACIAS, lo siento por las mayusculas, pero es que estoy emocionado jajajaja, llevaba muchisimo tiempo buscando y no daba con el problema...
Gracias de verdad :D!

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 06:08.