2013-10-17 2 views
0

Je retire mes cheveux!Phonegap/JQueryMobile App Build perd son style

Exécution d'une construction de simple interphone, à l'aide de pages JQueryMobile. Le programme passe par chrome/firefox, etc. mais sur Internet Explorer est complètement non-testé. IE affiche un avertissement: contenu bloqué. Si je clique sur autoriser, il lance le javascript et reprend le style.

En téléchargeant ma version phonegap sur une tablette android, elle ne capte pas le style. Il semble identique à IE avant le contenu bloqué. Il doit y avoir quelque chose dans cela sûrement?

J'ai essayé de télécharger les fichiers JQuery CSS/js et les exécuter localement sur l'android, mais pas de chance. J'ai simplifié à une page ci-dessous. Quelqu'un peut-il aider?

Merci

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script> 

    <title>Hello World</title> 
</head> 
<body> 
    <div data-role="page" id="ims"> 
     <div data-role="header"> 
      <h1>Main</h1> 
     </div> 
     <div data-role="content"> 
      <a href="#labs" data-role="button" data-transition="slide" data-icon="arrow-r" data-iconpos="right">Labs</a> 
      <a href="competency.html" data-role="button" data-transition="slide" data-icon="arrow-r" data-iconpos="right">Equipment</a> 
     </div> 
     <div data-role="footer"> 
      <center><p>Copyright</p></center> 
     </div> 
    </div> 
    <script type="text/javascript" src="phonegap.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    <script type="text/javascript"> 
     ims.initialize(); 
    </script> 
</body> 

+0

Essayez l'hébergement des fichiers JavaScript localement au lieu de les référencer de code.jquery.com –

Répondre

0

Il semble que vous avez manqué certains fichiers ou jquery css ou peut-être correctement référencé dans votre fichier HTML. Si vous avez téléchargé jquery mobile: js & css; vérifiez si elle est référencée correctement dans les balises 'script' et 'link'.

Utilisez la fonction de préparation de document au démarrage de l'application.

http://learn.jquery.com/using-jquery-core/document-ready/

Questions connexes