Foros del Web » Programando para Internet » Jquery »

Jquery menu desplegable y problemas en explorer

Estas en el tema de Jquery menu desplegable y problemas en explorer en el foro de Jquery en Foros del Web. Hola a todos! Antes de nada, gracias por la ayuda... Veréis, soy bastante novato en esto de la programación. Me centro apenas en pequeños trabajos ...
  #1 (permalink)  
Antiguo 12/03/2012, 09:07
 
Fecha de Ingreso: marzo-2012
Mensajes: 2
Antigüedad: 12 años, 1 mes
Puntos: 0
Jquery menu desplegable y problemas en explorer

Hola a todos!

Antes de nada, gracias por la ayuda...

Veréis, soy bastante novato en esto de la programación. Me centro apenas en pequeños trabajos de diseño sencillo para wordpress.

os cuento mi desvelo...

resulta que estoy haciendo un menú desplegable con jquery con el que, pinchando sobre un elemento superior, se abren los sub.menús

se ve todo perfecto en firefox, pero si abro la página con explorer 8, al pinchar sobre un elemento superior se despliega todo el menú, todos los submenús, pertenezcan o no, al que he pinchado, y claro, queda una lista enorme.

En explorer 9 la cosa se complica aún más, porque me salen <li> viudos, es decir, que no deberían estar ahí y que se crean automáticamente.

os pego el código de este menú a ver si a alguien se le ocurre qué puedo hacer, como digo, se ve perfectamente en firefox y no funciona en explorer...


Saludos, y lo dicho, gracias de antemano por la ayuda que me podáis brindar...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">// <![CDATA[
$(document).ready(function(){ // Script del Navegador
$("ul.subnavegador").hide();
$("a.desplegable").toggle(
function() {
$(this).parent().find("ul.subnavegador").slideDown ('slow');
},
function() {
$(this).parent().find("ul.subnavegador").slideUp(' slow');
}
);
});
// ]]></script>
<div id="contenido-demo">
<ul class="navegador">
<li><h3><a class="desplegable" title="¿Qué es SIMSEC 2012?" href="http://www.grupoateneasd.es/simsec/"><strong><span style="color: #214263;">¿Qué es SIMSEC 2012?</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="presentación" href="http://www.grupoateneasd.es/simsec/presentacion/"><strong><span style="color: #214263;">presentación</a></span></strong></h3></li>
<li><h3><a title="¿a quién va dirigido?" href="http://www.grupoateneasd.es/simsec/a-quien-va-dirigido/"><strong><span style="color: #214263;">¿a quién va dirigido?</a></span></strong></li>
<li><h3><a title="ventajas de exponer en SIMSEC 2012" href="http://www.grupoateneasd.es/simsec/ventajas-de-exponer/"><strong><span style="color: #214263;">ventajas de exponer en SIMSEC 2012</a></span></strong></li>
<li><h3><a title="ficha técnica" href="http://www.grupoateneasd.es/simsec/ficha-tecnica/"><strong><span style="color: #214263;">ficha técnica</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Expositores" href="#"><strong><span style="color: #214263;">Expositores</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="perfil del expositor" href="http://www.grupoateneasd.es/simsec/perfil-del-expositor/"><strong><span style="color: #214263;">perfil del expositor</a></span></strong></li>
<li><h3><a title="contratación" href="#"><span style="color: #214263;">contratación:</a></span></li>
<a title="tarifas" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/Tarifas_SIMSEC_2012.pdf" target="_blank"><strong><span style="color: #214263;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;tarifas</span></strong></a>
<a title="ficha de contratación" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-ficha-contratación.xls"><strong><span style="color: #214263;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;ficha de contratación</span></strong></a>
<li><h3><a title="plano de la exposición" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-2012_ZONA-EXPOSICION.pdf" target="_blank"><strong><span style="color: #214263;">plano de la exposición</a></span></strong></li>
<li><h3><a title="stand modular" href="http://www.grupoateneasd.es/simsec/stand-modular/"><strong><span style="color: #214263;">stand modular</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Visitantes" href="#"><strong><span style="color: #214263;">Visitantes</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="perfil del visitante" href="http://www.grupoateneasd.es/simsec/perfil-del-visitante/"><strong><span style="color: #214263;">perfil del visitante</a></span></strong></li>
<li><h3><a title="inscripción" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripción</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Conferencias" href="#"><strong><span style="color: #214263;">Conferencias</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="conferencias" href="http://www.grupoateneasd.es/simsec/conferencias/"><strong><span style="color: #214263;">conferencias</a></span></strong></li>
<li><h3><a title="programa provisional" href="http://www.grupoateneasd.es/simsec/programa-provisional/"><strong><span style="color: #214263;">programa provisional</a></span></strong></li>
<li><h3><a title="inscripción a las conferencias" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripción a las conferencias</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Encuentros de negocio (One-to-One)" href="#"><strong><span style="color: #214263;">Encuentros de negocio (One-to-One)</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="encuentros de negocio" href="http://www.grupoateneasd.es/simsec/encuentros-de-negocio/"><strong><span style="color: #214263;">encuentros de negocio</a></span></strong></li>
<li><h3><a title="inscripciones" href="http://simsec.ibevents.com/" target="_blank"><strong><span style="color: #214263;">inscripciones</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Panel de investigadores" href="#"><strong><span style="color: #214263;">Panel de investigadores</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="panel de investigadores" href="http://www.grupoateneasd.es/simsec/panel-de-investigadores/"><strong><span style="color: #214263;">panel de investigadores</a></span></strong></li>
<li><h3><a title="inscripciones" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/SIMSEC-ficha-contratación.xls"><strong><span style="color: #214263;">inscripciones</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Lugar de celebración" href="#"><strong><span style="color: #214263;">Lugar de celebración</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="hotel auditorium" href="http://www.hotelauditorium.com/" target="_blank"><strong><span style="color: #214263;">hotel auditorium</a></span></strong></li>
<li><h3><a title="plano de situación" href="http://www.hotelauditorium.com/ubicacion.php" target="_blank"><strong><span style="color: #214263;">plano de situación</a></span></strong></li>
<li><h3><a title="acceso" href="http://www.grupoateneasd.es/wp-content/uploads/2012/03/Como-llegar-al-hotel.pdf" target="_blank"><strong><span style="color: #214263;">acceso</a></span></strong></li>
<li><h3><a title="reserva de habitaciones y aparcamiento" href="http://www.grupoateneasd.es/simsec/reserva-de-habitaciones/"><strong><span style="color: #214263;">reserva de habitaciones y aparcamiento</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a title="Patrocinios" href="http://www.grupoateneasd.es/simsec/patrocinios/"><strong><span style="color: #214263;">Patrocinios</span></strong></a></li>
<ul class="navegador">
<li><h3><a class="desplegable" title="Sala de prensa" href="#"><strong><span style="color: #214263;">Sala de prensa</span></strong></a>
<ul class="subnavegador">
<li><h3><a title="notas de prensa" href="http://www.grupoateneasd.es/simsec/notas-de-prensa/"><strong><span style="color: #214263;">notas de prensa</a></span></strong></li>
<li><h3><a title="noticias en atenea digital" href="http://www.ateneadigital.es/RevistaAtenea/REVISTA/cabecerasypies/PortadaIndustria.asp?vmenu=industria" target="_blank"><strong><span style="color: #214263;">noticias en atenea digital</a></span></strong></li>
</ul>
</li>
<ul class="navegador">
<li><h3><a title="Organizador" href="http://www.grupoateneasd.es/simsec/organizador/"><strong><span style="color: #214263;">Organizador</span></strong></a></li>
</ul>
</div>
  #2 (permalink)  
Antiguo 13/03/2012, 14:32
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 4 meses
Puntos: 145
Respuesta: Jquery menu desplegable y problemas en explorer

Tienes el ejemplo online? es mas simple revisar con firebug que estar leyendo el codigo, de verlo me da jaqueca jaja XD
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 14/03/2012, 06:58
 
Fecha de Ingreso: marzo-2012
Mensajes: 2
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Jquery menu desplegable y problemas en explorer

Perdona Chichote, te paso el enlace...

http://www.grupoateneasd.es/menu-prueba/

y sí, abrelo con google chrome o firefox, y luego comparas con el desastre de IE7, 8 ó 9, en cada versión de IE salen fallos diferentes :(

Etiquetas: ajax, desplegable, explorer, funcion, javascript, js, php
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 13:00.