De esta forma tengo un tab con su lista:
<div id="formaentregaPedido" class="tab">
<div class="content-block-title" style="font-size: 16px;">Selecciona la forma de entrega de tu pedido</div>
<div class="list-block no-hairlines no-hairlines-between">
<ul>
<li>
<label class="label-radio item-content">
<input type="radio" name="entregaPedido" value="2">
<span class="item-media">
<i class="icon icon-form-radio"></i>
</span>
<span class="item-inner">
<span class="item-title">Recoger en Centro de Negocio</span>
</span>
</label>
</li>
<li>
<label class="label-radio item-content">
<input type="radio" name="entregaPedido" value="1" checked>
<span class="item-media">
<i class="icon icon-form-radio"></i>
</span>
<span class="item-inner">
<span class="item-title">Envío a Domicilio Normal</span>
</span>
</label>
</li>
<li id="sucursalesCorreos" class="sucursalesCorreos">
<label class="label-radio item-content">
<input type="radio" name="entregaPedido" value="1">
<span class="item-media">
<i class="icon icon-form-radio"></i>
</span>
<span class="item-inner">
<span class="item-title">Entregar en Sucursal de Correos</span>
</span>
</label>
</li>
</ul>
</div>
<div class="content-block">
<div class="row">
<span class="col-50 button-icon-ant" data-icon="">
<button id="ant-4" class="">Anterior</button>
</span>
<span class="col-50 button-icon" data-icon="">
<button id="btn-4" class="">Siguiente</button>
</span>
</div>
</div>
</div>
Y en esta condición debo ocultar el <li>
con id="sucursalesCorreos"
if (localStorage.getItem("TipoSocio") == "Afiliado") {
myApp.showTab("#formaentregaPedido", true);
$('.sucursalesCorreos').hide();//Este no lo oculta
$('.button-icon-ant').hide();//Este si lo oculta
}
else{
myApp.showTab("#taba", true);
}
El problema que veo que la etiqueta que tiene la clase button-icon-ant
si la oculta correctamente, pero la clase sucursalesCorreos
, no.
Revisando en la consola del navegador veo que a la etiqueta donde se encuentra la clase button-icon-ant
efectivamente le agrega style="display: none;"
pero donde se encuentra la clase sucursalesCorreos
le agrega esto:
style="display: list-item;"
no entiendo a que se deba.
De antemano muchas gracias.
id
, ya que lo tiene?:$('#sucursalesCorreos').hide();
if
y me funciona incluso así:$('.sucursalesCorreos').hide();
¿no será que eseif
no se cumple realmente? Prueba fuera del if. Puede que lo del botón funcione porque se oculta desde otra parte del código. O pon un alert para ver si entra ahí:if (localStorage.getItem("TipoSocio") == "Afiliado") { alert("sí ha entrado!"); //... resto del código }
alert
dentro delif
para estar seguro que sí entra. No des nada por supuesto en programación, hay que depurarlo todo. Yo lo he probado sin elif
y funciona.