JQuery Mobile在UIWebView中无法正常工作

Question

经过许多小时的寻找解决方案并尝试不同的方法来解决这个问题,我来到这里,我正在使用JQuery Mobile和我的iPad应用程序.

我想要做的是使用Fusion Charts的报告应用程序.我已经使用不同的方法在Web视图(UIWebView)中成功呈现了图表,并且遵循了不同的示例,但我现在要做的是使用JQuery Mobile框架完成相同的任务.

我没有使用phonegap,我已经按照JQuery Mobile + Xcode集成的步骤(我认为).我的桌面和移动浏览器(iPad,iPhone 4和iPod Touch 2G)上的图表加载没有问题,但是他们无法在我的UIWebView中加载(即使我使用的是相同的代码).

这就是我正在做的事情:

1)向项目添加所需文件(JS,CSS和HTML)以在本地使用它们.添加它们后,我将.js扩展名从"Compile Sources"移动到"Copy Bundle Resources".它看起来像这样:

2)将我的HTML测试文件(page_A1.html)加载到Web视图中:

3)检查HTML文件上的所有内容是否都设置了正确的路径和最新版本的框架:

4)构建并运行仅获取空白Web视图.

如果我用这样的警告测试Javascript:

它将显示证明Javascript正在运行的警报:

如果我在应该显示图表的容器上放置一些文本:

我将在Web视图中获取文本:

我还测试了远程框架链接而不是本地版本和旧版本的库,没有运气.没有什么不同的发生:

这对我来说似乎很明显

$(document).ready(function(){

没有被xcode注意或调用.

这就是我想要完成的事情:

我不知道还有什么可以测试.如果您有任何想法,我会感激不尽.

Answer 1

没关系.我终于明白了.

网络开发时代的一些旧习惯在这里扮演了我的角色.

结果表明,您不必为CSS和JS文件指定内部目录结构,因此:

<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />

<script src="js/jquery-1.7.2.min.js"></script>

<script src="js/jquery.mobile-1.1.0.min.js"></script>

shoudl在Xcode中真的是这样的:

<link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" />

<script src="jquery-1.7.2.min.js"></script>

<script src="jquery.mobile-1.1.0.min.js"></script>

令人难以置信的是我花了多少时间才找到它.

现在它正在运作.