Question

我有一个使用jQuery Mobile开发的简单应用程序，并在PhoneGap中实现。它在iPad 4.3模拟器中运行良好，但在iPad 5.0模拟器和运行iOS 5的实际iPad上没有...

这是html文件的主要部分：

<head>
    <meta charset="utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport"/>
    <link rel="apple-touch-icon" href="icon.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="icon.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="icon.png"/>
    <title>App demo</title>
    <link rel="stylesheet" href="scripts/jquery.mobile-1.0rc2.min.css"/>

    <link href="css/style.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="scripts/jquery-1.6.4.min.js"/>
    <script type="text/javascript" src="scripts/jquery.mobile-1.0rc2.min.js"/>
    <script type="text/javascript" src="scripts/general.js"></script>
    <script type="text/javascript" src="scripts/app.js"/>
</head>

当我在iPad模拟器4.3上运行时，一切都很棒。但在5.0上它只显示一个空白屏幕。与iOS 5的实际iPad相同。但是，我删除了脚本引用它有点“工作”，因为它显示了HTML页面的内容，但当然没有jQuery Mobile的样式和功能......包括任何jQuery根本就没有打破它，例如如果我只留下对jquery-1.6.4.min.js的引用它也不会工作。或者我的一个自定义js文件。

有谁知道这里发生了什么？它与文件引用的放置有关吗？我认为我已经按照正确的顺序放置它们（首先是jQuery，然后是jQuery mobile，然后是我的自定义js）...它似乎不起作用，我尝试了这个应用程序http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/并且工作正常。它的脚本引用相当奇怪地放在文件的底部，就在关闭body标签之前。但我也试过这样做，然后jQuery Mobile的东西根本没有启动（虽然我可以看到内容）。

然而，由于它在4.3模拟器中工作，我不认为我的代码有什么问题，但为什么它在5.0中不起作用？

Answer 1

堆栈溢出的

This question似乎暗示iOS5中的UIWebView要求外部脚本链接具有实际的结束标记，而不是简单地以'/＆gt;'结尾。

尝试将链接更改为：

<script type="text/javascript" src="scripts/jquery-1.6.4.min.js"></script>

这会改变什么吗？

PhoneGap和jQuery Mobile不能与iOS 5一起使用？

1 个答案: