在Android上的PhoneGap + jQuery Mobile的：多个HTML页面的Javascript不工作 [英] Phonegap + Jquery mobile on Android: Multiple HTML Pages Javascript not working
问题描述
JavaScript并没有外界的index.html页的工作：
Javascript does not work outside index.html page:
项目测试1：
的index.html（与地理位置PAGE code）的的正常工作的
Index.html (with GEOLOCATION PAGE CODE) works fine
项目测试2：
的index.html（与菜单页code）
Index.html (with MENU PAGE CODE)
Geolocation.html（与地理位置PAGE code）的的的javascript不起作用的
Geolocation.html (with GEOLOCATION PAGE CODE) javascript does not work
页面Geolocation.html打开了，但JavaScript不运行。
The page Geolocation.html opens up, but javascript does not run.
我在想什么？
地理位置PAGE code：
<!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>
菜单页面code：
<!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>
我也试过一个onload函数添加到body标签并调用测试功能，但它也不能工作。
I have also tried to add an onload function to the body tag and call a test function but it didn't work either.
推荐答案
在链接geolocation.html，添加这个属性数据AJAX =假。这将prevent从jQuery的通过Ajax加载的页面。
In the link to geolocation.html, add this attribute data-ajax="false". This will prevent jQuery from loading the page via Ajax.
这篇关于在Android上的PhoneGap + jQuery Mobile的：多个HTML页面的Javascript不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
