Hola,
tengo mi pagina
http://www.santillineumaticos.com/ donde tengo armado el menu con el dropdown de bootstrap 3.5 en los navgadores de pc se ve bien, pero cuando intento verlo desde un celular, al desplegar las opciones del menu, si quiero hacer click en el link no me lleva a la url sino que se cierra el menú y no se porque hace eso. Alguien me puede dar una mano?
mi menu:
Código HTML:
Ver original<nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation
</span> <a class="navbar-brand" href="<?php echo base_url();?>">INICIO
</a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">EMPRESA
<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="<?php echo base_url('empresa');?>">La Empresa
</a></li> <li><a href="<?php echo base_url('empresa/valores');?>">Misión - Visión - Valores
</a></li> <li><a href="<?php echo base_url('historia');?>">HISTORIA
</a></li>
<?php
$segments = $this->uri->segment_array();
if (!empty($segments))
{?>
<li><a href="<?php echo base_url('recursos-humanos');?>">R. HUMANOS
</a></li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TRUCK CENTER
<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="<?php echo base_url('truck-center/nuestro-servicio');?>">NUESTRO SERVICIO
</a></li> <li><a href="<?php echo base_url('truck-center/tecnologia');?>">TECNOLOGIA
</a></li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">SERVICIO LIVIANO
<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="<?php echo base_url('servicio-liviano/nuestro-servicio');?>"title="Nuestro Servicio">NUESTRO SERVICIO
</a></li> <li><a href="<?php echo base_url('servicio-liviano/consejos');?>"title="consejos">CONSEJOS
</a></li> <li role="presentation" class="divider"></li> <li><a href="<?php echo base_url('servicio-liviano/alineacion');?>" title="Alineación">ALINEACIÓN
</a></li> <li><a href="<?php echo base_url('servicio-liviano/balanceo');?>" title="Balanceo">BALANCEO
</a></li> <li><a href="<?php echo base_url('servicio-liviano/rotacion');?>" title="Rotación">ROTACIÓN
</a></li> <li><a href="<?php echo base_url('servicio-liviano/colocacion');?>" title="Colocación">COLOCACIÓN
</a></li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PRODUCTOS
<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="<?php echo base_url('productos');?>" title="Productos">Productos
</a></li> <li><a href="<?php echo base_url('productos/ruedas-aluminio');?>"title="MS Ruedas">MS Ruedas
</a></li> <?php
}
else
{?>
<li><a href="<?php echo base_url('recursos-humanos');?>">RECURSOS HUMANOS
</a></li> <?php
}
?>
<ul class="nav navbar-nav navbar-right"> <li class="contacto"><a href="<?php echo base_url('contacto');?>" title="Contacto">CONTACTO
</a></li> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid -->
y tengo esto en main.js:
Código Javascript
:
Ver original$(".dropdown-menu > li > a.trigger").on("click",function(e){
var current=$(this).next();
var grandparent=$(this).parent().parent();
if($(this).hasClass('left-caret')||$(this).hasClass('right-caret'))
$(this).toggleClass('right-caret left-caret');
grandparent.find('.left-caret').not(this).toggleClass('right-caret left-caret');
grandparent.find(".sub-menu:visible").not(current).hide();
current.toggle();
e.stopPropagation();
});
$(".dropdown-menu > li > a:not(.trigger)").on("click",function(){
var root=$(this).closest('.dropdown');
root.find('.left-caret').toggleClass('right-caret left-caret');
root.find('.sub-menu:visible').hide();
});
desde ya muchas gracias
