Skip to main content
1 de 4

CSS no funciona en mi segundo div cordova

tengo estos 2 div en mi body y son los unico que tengo, el primero muestra unas tablas, el segundo tiene un formulario y debe mostrarse cuando haga clic en una de las tablas, al hacer clic sobre una tabla del primer div estas convocan una funcion que oculta el div con id="pagina1" y muestra el div con id="pagina2" es decir usando el comando $("#pagina1").hide() y $("#pagina2").show(), el problema es que por alguna razon css no funciona en los 2 div, mas bien si solo funciona en el primer div que este dec

<div data-role="page" id="pagina1">
        <div data-role="header" data-position="fixed">
            <h1>LISTADO DE REMITOS PENDIENTES </h1>
        </div>

        <div data-role="content">
            <div id="idResultado"></div>
        </div>

        
    </div>

    <div data-role="page" id="pagina2">
        <div data-role="header" data-position="fixed">
            <h1>Registro de Remito </h1>
        </div>

        <div data-role="content">
            <div class="titlepage">Ingrese los datos </div>
            <div class="ui-field-contain">

                <input type="text" id="txtCodRemito" data-clear-btn="true" placeholder="Codigo Remito" required />
                <input type="datetime-local" id="txtfecha" name="birthdaytime">
                <select id="cbProveedor">
                    <option value="-1">Seleccione un Proveedor</option>
                </select>

                <select id="cbCombustible">
                    <option value="A">Seleccione un Combustible</option>
                    <option value="B">Debe Seleccionar un proveedor para cargar los combustibles</option>
                </select>

                <input type="text" id="txtLitros" data-clear-btn="true" placeholder="Litros Cargados" required />
                <input type="text" id="txtMonto" data-clear-btn="true" placeholder="Monto Total" required />
                <button id="btnCamara">Foto de Remito</button>
                <div style="border: 1px solid; width: 200px; min-height:100px; margin: 0 auto;">
                    <img src="" id="myImage" />
                </div>
                <button id="btnRegistrar">Registrar</button>
            </div>
            <div id="idResultado"></div>
        </div>
    </div>