2012-04-06 21 views
7

Tengo dificultades para integrar Cordova (= Phonegap) con Ember.js y jQuery Mobile. Ember.js + jQuery Mobile funciona bien, ya que la carga de index.html en cualquier navegador de escritorio carga con éxito la aplicación.¿Alguien ha integrado con éxito Ember.js - Phonegap (y jQuery Mobile)?

Utilizando xCode 4 y el simulador de iPhone 5.1, no muestra ningún contenido dentro de las etiquetas del manillar. Lo que significa que Ember.js no se carga.

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> 

Respuesta

3

encontrado el problema. XCode informaba:

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

Siguiendo this, añadí *.jquery.com a la matriz ExternalHosts, dentro Cordova.plist.

+1

Te avisaré, tu aplicación será rechazada si estás colocando tu dependencia de jQuery en la conexión de red. Puede usar la red, pero necesita tener las cosas en su lugar para que los usuarios sepan por qué una parte de la aplicación no funciona porque no tienen conexión. –

+0

correción css - lo mismo sin embargo. su aplicación necesita tener ese tipo de archivos cargados para ser aprobada. –

+0

Gracias por la sugerencia. Aunque no lo sabía, tenía la intención de que la aplicación estuviera completamente disponible sin conexión. –

Cuestiones relacionadas