我来问你是否知道jQuery / jQuery Mobile与phonegap的一些冲突,因为我有一个用jQuery Mobile和phonegap制作的应用程序,当我包含cordova.js时应用程序不起作用,也就是说,我明白了用户界面很好,但应用程序没有做任何事情......并且一些 div 应该改变但它们保持停止。问候,丹尼尔
索引.html
<!DOCTYPE HTML>
<html>
<head>
<title>APP THE SUPERDRIVER</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- necesario para jQuery Mobile -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<link rel="stylesheet" href="estilos.css" type="text/css" /> <!-- incluimos la hoja de estilos -->
<!-- incluimos el api de PhoneGap -->
<script type="text/javascript" charset="utf-8" src="api.js"></script>
<script type="text/javascript" charset="utf-8" src="funciones.js"></script>
</head>
<body>
<div data-role="page"> <!-- jQuery Mobile: div que hará el papel de página de nuestra app -->
<div data-role="content"> <!-- jQuery Mobile: div que hará el papel de contenedor -->
<div id="div"> <!-- div que contiene la esfera central, la que marca la marcha recomendada -->
<div class="contenido">1</div>
</div>
<div id="divSupIzq"> <!-- div que contiene la esfera superior izquierda , que marca la velocidad actual -->
<div class="contenidos"><div id="textoDinamico">120 </div><div id="textoEstatico">KM/H</div></div>
</div>
<div id="divSupDer"> <!-- div que contiene la esfera superior derecha , que marca los avisos -->
<div class="contenidos">zona de</br>avisos</div>
</div>
<div id="divInfIzq"> <!-- div que contiene la esfera inferior izquierda , que contiene información -->
<div class="contenidos">zona de</br>información</div>
</div>
<div id="divInfDer"> <!-- div que contiene la esfera inferior derecha , que marca las alarmas -->
<div class="contenidos"><img src="aceleracionBrusca.gif" class="aceleracionBrusca" style="display:none"/>
<p>zona de</br>alarmas</p></div>
</div>
</div>
<div data-role="navbar" data-position="fixed" data-theme="b"> <!-- jQuery Mobile: div que hará el papel de menú footer -->
<nav>
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Twoo</a></li>
<li><a href="#">Three</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>
如果我评论/删除第五行,则该应用程序有效。但我需要包括 phonegap api。注意:在我的 javascript 文件中,我使用:
document.addEventListener("deviceready", onDeviceReady, false);
var watchIDgeolocation = null; // ID que devolverá el objeto geolocation
function onDeviceReady() {
var options = { frequency: 1000 }; // Cada 1 s queremos obtener los datos
watchIDgeolocation = navigator.geolocation.watchPosition(onSuccessGeolocation, onErrorGeolocation, options);
}
var onSuccessGeolocation = function(position){
// here I call other functions and make things through jQuery
}
function onErrorGeolocation(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
但是如果我包含phonegap库,这个javascript代码就不起作用......只有没有它......我认为没有这个phonegap api它就可以工作,因为代码是html5的api的一部分,对吧?此致