新しくリリースされた kendoui 2013、phonegap 2.6.0、ios emulator 6.1、および iphone 4s(ios 6.1) を使用しています。
私は2つの方法を試しました:1)phonegapで生成されたindex.htmlを使用し、kendoui cssとjavascriptを手動で追加します。2) phonegap の javascript を使用せずに単純な kendoui index.html を記述します。
どちらの方法でも、開始画面でハングします (index.html はまだ表示されません)。しかし、次のコードを削除すると、ハングせず、index.html が表示されます。
var app = new kendo.mobile.Application();
次に、コードの下にアラートを追加します。
var app = new kendo.mobile.Application();
alert("ddddd");
アラートは開始画面に表示されますが、それでも開始画面でハングし、index.html は表示されません。
kendoui の初期関数に async タスクがあり、デバイス上で終了できないようです。
index.html のソース コード:
<!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" /> -->
<link href="1/css/kendo.mobile.all.min.css" rel="stylesheet" />
<title>Hello World</title>
</head>
<body>
<div data-role="view" id="home">
<header data-role="header">
<div data-role="navbar">
dddd
</div>
</header>
</div>
<script type="text/javascript" src="cordova-2.6.0.js"></script>
<script src="1/js/jquery.min.js"></script>
<script src="1/js/kendo.all.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
var app = new kendo.mobile.Application();
</script>
</body>
</html>
これを解決するための提案はありますか?