Phonegap + Jquery móvil en Android: varias páginas HTML Javascript no funciona

Javascript no funciona fuera de la página index.html:

Proyecto Prueba 1:

Index.html (con GEOLOCATION PAGE CODE) funciona bien

Proyecto Prueba 2:

Index.html (con MENU PAGE CODE)

Geolocation.html (con GEOLOCATION PAGE CODE) javascript no funciona

La página Geolocation.html se abre, pero el javascript no se ejecuta.

¿Qué me estoy perdiendo?

CÓDIGO DE PÁGINA DE GEOLOCACIÓN:

<!DOCTYPE html> <html> <head> <!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />--> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" charset="utf-8" src="js/cordova-2.5.0.js"></script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"> </script> <script type="text/javascript"> document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { var element = document.getElementById('geoTemp'); element.innerHTML = 'Ready...'; navigator.geolocation.getCurrentPosition(onSuccess, onError, { maximumAge: 3000, timeout: 10000, enableHighAccuracy: false }); } function onSuccess(position) { var element = document.getElementById('geoTemp'); element.innerHTML = 'Success...'; initialize(position.coords.latitude, position.coords.longitude); } function onError(error) { var element = document.getElementById('geoTemp'); element.innerHTML = 'Error...'; alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n'); } function initialize(latitude, longitude) { var mapOptions = { center: new google.maps.LatLng(latitude, longitude), zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); } function onBodyLoad(){ alert("test!"); } </script> </head> <body> <h2>Location</h2> <p id="geolocation">Finding geolocation...</p> <p id="geoTemp"></p> <div id="map_canvas" style="width:100%; height:100%"></div> </body> </html> 

PÁGINA DEL MENÚ

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.3.0.css"> <link rel="shortcut icon" href="favicon.ico"> <script src="js/jquery.js"></script> <script src="js/jquery.mobile-1.3.0.js"></script> <script type="text/javascript" src="js/cordova-2.5.0.js"></script> </head> <body> <div data-role="page" id="pageMain"> <div data-role="header"> <h1> TestPage </h1> </div> <div data-role="content"> <ul data-role="listview"> <li><a href="geolocation.html" data-transition="slide"> <h2>Geolocation Test</h2> <p>Testing</p> </a></li> </ul> </div> </div> </body> </html> 

También he intentado agregar una función de la carga a la etiqueta del cuerpo y llamar una función de la prueba pero no trabajó tampoco.

One Solution collect form web for “Phonegap + Jquery móvil en Android: varias páginas HTML Javascript no funciona”

En el enlace a geolocation.html, agregue este atributo data-ajax="false" . Esto evitará que jQuery cargue la página a través de Ajax.

  • Cómo almacenar los valores de cookies en un dispositivo Android con Phonegap y jQuery Mobile?
  • Android - forma simple de entrada de usuario web-view para back-end java con jQuery Mobile
  • Convierta la aplicación móvil jQuery a apk
  • Vista web de Android después de que onJsAlert no responde a las tomas
  • Desactivar el botón 'Ir' del teclado de Android para la entrada de texto de WebView
  • jQuery evento de prensa de botón móvil lenta para procesar
  • Uso de la memoria que sube en la aplicación PhoneGap
  • Href no funciona, cómo redirigir a una página específica en PhoneGap?
  • Problema - blockWebkitDraw lockedfalse
  • Cómo agregar a 'Añadir a pantalla de inicio' emergente para Android móvil
  • El popup de jQuery.mobile se oculta inmediatamente después de mostrar
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.