帶有PhoneGap的Kendo UI未初始化

我有一個超級基本的PhoneGap iOS解決方案，但似乎並未顯示Kendo UI正在初始化。我正在使用PhoneGap 2.6使用Kendo UI Mobile 2013 Q1構建帶有PhoneGap的Kendo UI未初始化

我似乎無法發現問題。

這裏是我的代碼

<!DOCTYPE html> 
<!-- 
Licensed to the Apache Software Foundation (ASF) under one 
or more contributor license agreements. See the NOTICE file 
distributed with this work for additional information 
regarding copyright ownership. The ASF licenses this file 
to you under the Apache License, Version 2.0 (the 
"License"); you may not use this file except in compliance 
with the License. You may obtain a copy of the License at 

http://www.apache.org/licenses/LICENSE-2.0 

Unless required by applicable law or agreed to in writing, 
software distributed under the License is distributed on an 
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY 
KIND, either express or implied. See the License for the 
specific language governing permissions and limitations 
under the License. 
--> 
<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" /> 
     <link rel="stylesheet" type="text/css" href="css/index.css" /> 
     <title>Hello World</title> 

     <script type="text/javascript" src="cordova-2.6.0.js"></script> 
     <script type="text/javascript" src="js/index.js"></script> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/kendo.mobile.min.js"></script> 
     <script type="text/javascript" src="js/kendo.all.min.js"></script> 
     <script src="js/custom.js"></script> 
     <script src="js/datasource.js"></script> 
     <script type="text/javascript" src="js/script.js"></script> 
     <link href="styles/kendo.common.min.css" rel="stylesheet" /> 
     <link href="styles/kendo.bootstrap.min.css" rel="stylesheet" /> 
     <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css"> 
     <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css"> 
     <link href="styles/styles.css" rel="stylesheet" type="text/css"> 

    </head> 
    <body> 
     <div data-role="view" id="main"> 
      <a href="#page2" data-role="button">Go to Page 2</a> 
     </div> 
     <div data-role="view" id="page2"> 
      My Page 2 
     </div> 


     <script type="text/javascript"> 
      //cordovaApp.initialize(); 
     </script> 

     <script> 
      document.addEventListener("deviceready", onDeviceReady, false); 

      function onDeviceReady() { 
       app = new kendo.mobile.Application() { 
        transition: "slide", 
        platform: "ios" 
       } 



      </script> 

    </body> 
</html>

來源

2013-04-22 Rob

好了，想通了：

<script type="text/javascript"> 
      $(function() { 
       document.addEventListener("deviceready", onDeviceReady, false); 
       function onDeviceReady() { 
       // Now safe to use the Cordova API 
       var app = new kendo.mobile.Application() 
       } 

       }); 

      </script>

來源

2013-04-22 18:20:11 Rob

在腳本參考，使用的是kendo.mobile.min.js和kendo.all.min.js。 mobile.min.js中只有一個必須用在kendo.all.min.js中，它會弄亂整個應用程序。一旦你刪除kendo.mobile.min.js，你的應用程序應該工作。

來源

2013-04-22 14:19:10 Whizkid747

我給那個了一槍，遺憾的是它仍然沒有奏效。另外，這個代碼（減去cordova refs）適用於我的本地主機 – Rob 2013-04-22 14:32:06

iOS設備區分大小寫的文件名......是否所有文件的命名都與源代碼中的大小寫相同？ – Whizkid747 2013-04-22 14:44:17

是的，雙重檢查了所有來源。有沒有什麼JS我可以在xcode中註冊某種控制檯來告訴我什麼是破壞？ – Rob 2013-04-22 14:58:04

帶有PhoneGap的Kendo UI未初始化

回答

相關問題