iPhoneのPhoneGapで実際の問題が発生しました。アプリは、私のアンドロイドデバイスでかなりスムーズに動作していますが、私のiPhoneでは何もありません。たとえば、次のような単純なコード:PhoneGapのイベントがiPhoneで動作しない
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
<meta charset="utf-8">
<title>WayAcross Mobile Application</title>
<link rel="stylesheet" href="css/jquery.css" />
<link rel="stylesheet" href="css/screen.css" />
<link rel="stylesheet" href="css/login.css" />
<script type="text/javascript" charset="utf-8" src="jquery/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery/jquery.mobile.js"></script>
<script type="text/javascript" charset="UTF-8" src="javascript/mainJavascript.js"></script>
<script type="text/javascript" charset="utf-8">
// Call onDeviceReady when PhoneGap is loaded.
//
// At this point, the document has loaded but phonegap.js has not.
// When PhoneGap is loaded and talking with the native device,
// it will call the event `deviceready`.
//
function onLoad(){
document.addEventListener("deviceready", onDeviceReady, false);
}
// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
// Now safe to use the PhoneGap API
alert('ready');
}
</script>
<script type="text/javascript" charset="utf-8" src="javascript/phonegap.js"></script>
</head>
<body onload="onLoad()">
(これはiPhoneで動作しない、Androidで動作するコード例です)。
イベントの問題だと思いますが、わかりません。 PhoneGapのドキュメントのコード例でさえ動作しません。 私の環境は次のとおりです。
- マックOSX 10.7.1
- のXcode 4.1
- のPhoneGap 1.1
- jQueryのモバイル1.0RC それは私が表示されていることを唯一のものはこれです:http://cl.ly/0h462Y2D2F0J0B1B0q1M
ありがとうございました。
よろしく、
Elkas
ところで、私は今、OSXライオン10.7.2とXcode 4.2をインストールしました。 IOS5でもそれは動作しません。これは私を夢中にさせている!!! この単純なコードでさえ、動作しません。ここでは野生の推測の
<!DOCTYPE html>
<html>
<head>
<title>PhoneGap Device Ready Example</title>
<script type="text/javascript" charset="utf-8">
// Call onDeviceReady when PhoneGap is loaded.
//
// At this point, the document has loaded but phonegap.js has not.
// When PhoneGap is loaded and talking with the native device,
// it will call the event `deviceready`.
//
document.addEventListener("deviceready", onDeviceReady, false);
// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
alert('Hello World');
}
</script>
<script type="text/javascript" charset="utf-8" src="javascript/phonegap.js"</script>
</head>
<body>
</body>
</html>
すべてがうまく見えますが、アラート()を使用して不具合がどこにあるかを調べてください。 – sciritai
また、それを試してください。 bodyタグや他の関数にonload = "onDeviceReady()"を設定した場合、警告は表示されますが、phonegapの "events"はまだ動作しません。 =( – Elkas
jQueryモバイルは*カスタムスクリプトの後に追加する必要があります – Walf