Question

我是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，但仍无效。

Answer 1

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

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

Answer 2

你尝试过的IOS版本是什么？

JQM团队众所周知和记录，像IOS 4.3这样的旧平台不支持开箱即用的固定工具栏。你需要填充。

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

另外，请不要忘记更新本主题中已提及的* .plist。

jquery mobile，cordova不能在iphone模拟器上工作

2 个答案: