pagina - Cómo cargar el diálogo o la ventana emergente antes de cargar la página usando jquery mobile
modal de confirmacion jquery (3)
¿Hay algún método para llamar / mostrar el cuadro de diálogo o una ventana emergente antes de cargar la página usando jquery Mobile?
Quiero obtener una entrada antes de cargar la página y de acuerdo con esa entrada se cargará la página siguiente
Hay una solución muy simple para su pregunta, lo único que debe hacer es hacer que su primera página sea un diálogo.
Ejemplo de trabajo: http://jsfiddle.net/Gajotres/dj3UP/1/
Como puede ver en mi ejemplo, esta es una solución HTML pura. El atributo de rol de datos de la primera página se cambió a diálogo .
HTML:
<!DOCTYPE html>
<html>
<head>
<title>jQM Complex Demo</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="dialog" id="index">
<div data-theme="a" data-role="header">
<h3>
First Page
</h3>
</div>
<div data-role="content">
<input type="text" value="" id="some-input"/>
<a data-role="button" id="some-button" href="#second">Next page</a>
</div>
<div data-theme="a" data-role="footer" data-position="fixed">
</div>
</div>
<div data-role="page" id="second">
<div data-theme="a" data-role="header">
<h3>
Second Page
</h3>
<a href="#index" class="ui-btn-left">Back</a>
</div>
<div data-role="content">
</div>
<div data-theme="a" data-role="footer" data-position="fixed">
</div>
</div>
</body>
</html>
Pruebe lo siguiente:
$.mobile.loading( ''show'', {
text: ''foo'',
textVisible: true,
theme: ''z'',
html: ""
});
Refere Link:
Para cargar un cuadro de diálogo o una ventana emergente antes de mostrar una página, debe usar seTimeout . si lo llamas sin demora, se abrirá y cerrará de inmediato.
$(document).on(''pagebeforeshow'', ''#pageID'', function() {
setTimeout(function () {
$(''#popupID'').popup(''open'');
}, 100); // delay above zero
});