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

您需要将远程 URL code.jquery.com 添加到白名单中。如果您希望您的应用程序可以离线使用,最好将 JS 文件作为应用程序的一部分包含在内并使用本地副本。

要将 URL 添加到白名单,请编辑项目中的 Cordova.plist 文件并在 ExternalHosts 下添加 code.jquery.com。

于 2012-06-15T16:00:39.637 回答
0

你用的是什么版本的IOS?

JQM 团队众所周知并记录在案,像 IOS 4.3 这样的旧平台不支持开箱即用的固定工具栏定位。你需要polyfill。

看看他们的文档:http: //jquerymobile.com/demos/1.1.0/docs/toolbars/bars-fixed.html

也不要忘记更新 *.plist,如本主题中所述。

于 2012-06-16T12:47:26.270 回答