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>