2012-04-06 8 views
7

मैं एम्बर.जेएस, और jQuery मोबाइल के साथ कॉर्डोवा (= फोनगैप) को एकीकृत करने के लिए संघर्ष कर रहा हूं। Ember.js + jQuery मोबाइल ठीक काम करता है, क्योंकि किसी भी डेस्कटॉप ब्राउज़र में index.html लोड करना सफलतापूर्वक ऐप लोड करता है।क्या किसी ने सफलतापूर्वक Ember.js - फोनगैप (और jQuery मोबाइल) को एकीकृत किया है?

एक्सकोड 4 और आईफोन 5.1 सिम्युलेटर का उपयोग करके, यह हैंडलबार टैग के भीतर कोई सामग्री नहीं दिखाता है। जिसका मतलब है Ember.js लोड करने में विफल रहता है।

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> 

उत्तर

3

मिले समस्या। XCode रिपोर्टिंग किया गया था:

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

this के बाद, मैं ExternalHosts सरणी *.jquery.com कहा, Cordova.plist के भीतर।

+1

मैं आपको बता दूंगा, यदि आप नेटवर्क कनेक्शन पर अपनी jQuery निर्भरता डाल रहे हैं तो आपका ऐप खारिज कर दिया जाएगा। आप नेटवर्क का उपयोग कर सकते हैं, लेकिन आपको उपयोगकर्ताओं को यह जानने के लिए चीजों की आवश्यकता है कि ऐप का एक हिस्सा क्यों काम नहीं कर रहा है क्योंकि उनके पास कोई कनेक्शन नहीं है। –

+0

सुधार सीएसएस - हालांकि वही बात। अनुमोदित होने के लिए आपके ऐप को उस प्रकार की फाइलों को लोड करने की आवश्यकता है। –

+0

टिप के लिए धन्यवाद। यह नहीं पता था कि, मैं ऐप को ऑफ़लाइन पूरी तरह से उपलब्ध कराने का इरादा रख रहा था। –

संबंधित मुद्दे