Estoy desarrollando una aplicación móvil con Jquery Mobile y Html 5.
En el index.html tengo el siguiente vinculo
Código HTML :
<a href="pagina2.html" data-transition="slide" >Ir a la pagina 2</a>
La pagina2.html que tiene esto.
Código HTML :
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Titulo de la página</title> <link href="jquery-mobile/styles/jquery.mobile-1.3.1.min.css" rel="stylesheet" /> <script src="jquery-mobile/js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="jquery-mobile/js/jquery.mobile-1.3.1.min.js" type="text/javascript"></script> </head> <body> <div data-role="page" data-theme="d" > <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> <legend>Filtrar por:</legend> <input type="radio" name="filtro1" id="lista1" value="L" checked="checked" /> <label for="lista1">Nombre Lista</label> <input type="radio" name="filtro1" id="lista2" value="E" /> <label for="lista2">Identificacion</label> <input type="radio" name="filtro1" id="lista3" value="C" /> <label for="lista3">Cliente</label> </fieldset> </div> <body>
y en el archivo scripts.js tengo lo siguiente.
Código Javascript :
$("input[name='filtro1']").on('click', function () {
if ($(this).val() == 'L') {
alert('Nombre de lista activado');
} else
if ($(this).val() == 'E') {
alert('Identificacion activado');
}
else {
alert('Cliente');
}
});
éste código funciona perfecto en el computador, pero en el celular no funciona, es como si no reconociera las funciones Jquery.
si cambio el vinculo hacia la pagina2.html de esta forma
Código HTML :
<a href="pagina2.html" data-ajax="false" data-transition="none" >
Funciona bien tanto en el celular como en el computador, pero se demora para cargar la pagina2.html y antes de cargar muestra una pantalla blanca como si estuviera bloqueada la App, ademas que se pierde la transición, por todo esto quisiera optar por la primera opción, pero debo solucionar este problema.
agradezco cualquier ayuda.
gracias.
