2012-04-06 7 views
7

Ich habe Schwierigkeiten, Cordova (= Phonegap) mit Ember.js und jQuery Mobile zu integrieren. Ember.js + jQuery Mobile funktioniert gut, da das Laden von index.html in jeden Desktop-Browser die App erfolgreich lädt.Hat jemand erfolgreich Ember.js - Phonegap (und jQuery Mobile) integriert?

Mit xCode 4 und dem iPhone 5.1-Simulator werden keine Inhalte in den Tags angezeigt. Das bedeutet, dass Ember.js nicht geladen werden kann.

index.html:

<html lang="en"> 
<head> 

    <title></title> 

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 
    <meta charset="utf-8"> 

    <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 

</head> 
<body> 
    <script type="text/x-handlebars" data-template-name="main"> 
    this text is NOT displayed 

    </script> 

    <div> this text IS displayed </div> 


    <script src="js/vendor/jquery.min.js"></script> 
    <script src="js/vendor/jquery.mobile.js"></script> 
    <script src="js/vendor/ember.js"></script> 
    <script src="js/app/app.js"></script> 
    <script src="js/vendor/cordova-1.5.0.js"></script> 
    <script type="text/javascript"> 

     // If you want to prevent dragging, uncomment this section 
     function preventBehavior(e){ 
      e.preventDefault(); 
     }; 
     document.addEventListener("touchmove", preventBehavior, false); 


     document.addEventListener("deviceready", onDeviceReady, false); 

     /* When this function is called, Cordova has been initialized and is ready to roll */ 
     /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch. 
     see http://iosdevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html 
     for more details -jm */ 
     function onDeviceReady(){ 
      // do your thing! 
     } 

    </script> 

</body> 
</html> 

Antwort

3

das Problem gefunden. XCode berichtete:

ERROR whitelist rejection: url='http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css' 

this Nach fügte ich *.jquery.com zum ExternalHosts Array innerhalb Cordova.plist.

+1

Ich werde Sie wissen lassen, Ihre App wird abgelehnt, wenn Sie Ihre jQuery-Abhängigkeit von der Netzwerkverbindung platzieren. Sie können das Netzwerk verwenden, aber Sie müssen über bestimmte Funktionen verfügen, damit Benutzer wissen, warum ein Teil der App nicht funktioniert, weil sie keine Verbindung haben. –

+0

Korrektur css - das gleiche aber. In Ihrer App müssen diese Dateien geladen sein, damit sie genehmigt werden können. –

+0

Danke für den Tipp. Ich wusste nicht, dass ich die App offline verfügbar machen wollte. –