Skip to main content
4 de 4
formato de codigo, puntuación y resaltado
masterguru
  • 16k
  • 5
  • 15
  • 28

CSS no funciona en mi segundo div cordova

Tengo estos 2 div en mi body y son los únicos 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 función 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 razón css no funciona en los 2 div, mas bien solo funciona en el primer div que este declarado.

<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>