0

我来问你是否知道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&oacute;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的一部分,对吧?此致

4

0 回答 0