0

私はios phonegapが初めてです。Cordova ベースのアプリケーションを使い始めました。私のコードは、エミュレーターではヘッダーとフッターを表示しませんが、ブラウザーでは正常に動作します。私の index.html コードは次のようなものです。

<!doctype html>
<html>
<head>
    <title>JQM Sample</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta charset="utf-8">
   <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
    <link href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js" type="text/javascript"></script>

</head>
<body >
    <div data-role="page">
        <div data-role="header" data-position="fixed" >
            <h1>Header</h1>
        </div>
        <div data-role="content">
<p>Welcome</p>
...
           </div>
        <div data-role="footer"  data-position="fixed" >
            <h1>Footer</h1>
            </div>
        </div>
</body>
</html>

何か不足していますか？私の iOS バージョンは 5.1 です。また、Cordova.plist に URL を追加しましたが、まだ機能していません。

4

2 に答える 2

2

リモートURLcode.jquery.comをホワイトリストに追加する必要があります。アプリをオフラインで使用することが予想される場合は、アプリの一部としてJSファイルを含め、ローカルコピーを使用することをお勧めします。

ホワイトリストにURLを追加するには、プロジェクトのCordova.plistファイルを編集し、ExternalHostsの下にcode.jquery.comを追加します。

于 2012-06-15T16:00:39.637 に答える
0

どのバージョンのIOSを試してみましたか？

iOS 4.3のような古いプラットフォームは、箱から出して配置する固定ツールバーをサポートしていないことは、JQMチームによってよく知られており、文書化されています。ポリフィルする必要があります。

彼らのドキュメントを見てください：http：//jquerymobile.com/demos/1.1.0/docs/toolbars/bars-fixed.html

また、このトピックですでに述べたように、*。plistを更新することを忘れないでください。

于 2012-06-16T12:47:26.270 に答える