Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Has anyone successfully integrated Ember.js - Phonegap (and jQuery Mobile)?

I'm struggling to integrate Cordova(=Phonegap) with Ember.js, and jQuery Mobile. Ember.js + jQuery Mobile works fine, as loading index.html in any desktop browser successfully loads the app.

Using xCode 4 and the iPhone 5.1 simulator, it doesn't show any content within handlebar tags. Which means Ember.js fails to load.

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>
like image 574
Panagiotis Panagi Avatar asked Apr 06 '12 17:04

Panagiotis Panagi


1 Answers

Found the problem. XCode was reporting:

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

Following this, I added *.jquery.com to the ExternalHosts array, within Cordova.plist.

like image 191
Panagiotis Panagi Avatar answered Nov 13 '22 11:11

Panagiotis Panagi