Hola Amigos Como les va, tengo un quebradero de cabeza desde hace varios días espero me puedan dar una manito, que bien se los sabre agradecer. Estoy en una página multiple con Jquery mobile, y Tengo varias <DIV> que estoy actualizando a travéz de una clase (es una navbar en cada página), Cuando el usuario hace login, cambio la barra de navegación, con lo que todo el contenido cambia pero no lo hace con el css correspondiente, les coloco el script , la navbar y la imagen para que vean el resultado a ver donde me estoy equivocando, muchas gracias por todo.
Script:
Código Javascript
:
Ver original$(".navbar2").css("display", "none");
$(".navbar1").css("display", "");
$(".nombre").html('<span style="font-size:14px; text-align:center; font-weight:bold;">'+ obj.nombre+'<br>Crédito: $'+obj.credit+'</span>');
$(".navbar1").html("<ul><a href='#page7'>Inicio</a></li><li><a href='#page5'>Mi Cuenta</a></li></ul>");
$.mobile.changePage("#page7");
Navbar:
Código HTML:
Ver original<div data-role="navbar" data-theme="e"> <div class="navbar1" style="display:none"><ul><li><a href='#page7'>Inicio
</a></li><li><a href='#page6'>Micuenta
</a></li></div> <div class="navbar2"><ul><a href='#page7'>Inicio
</a></li><li><a href='#page5'>Ingresar
</a></li><li><a href='#page6'>Registro
</a></li></ul></div>
Imagen: