Comunidad de diseño web y desarrollo en internet online

App movil no reconoce los jquery.js ni javascript.js

Citar            
MensajeEscrito el 13 Mar 2014 06:25 pm
Buenas tardes,

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.

Por Jaime Luis Melendez

12 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 25 Mar 2014 08:53 pm
Lo has probado con distintos dispositivos. Es porque según la versión de jquery tienes problemas de compatibilidades url etc. A mi me ocurrió con la última versión de jquery mobile, tuve que volver una anterior de la 1.4 a la 1.1

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.