ios – JQuery Mobile在UIWebView中不起作用

前端之家收集整理的这篇文章主要介绍了ios – JQuery Mobile在UIWebView中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我经过多少小时寻找解决方案,并尝试不同的方法解决我与 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正在运行:

如果我把一些文本放在容器上,图表应该显示出来:

我会在网页视图中获取文字

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

对我而言似乎是这样的

$(document).ready(function(){

没有被xcode注意或调用.

这是我想要完成的:

我不知道还有什么要测试的.如果你有任何想法,我将不胜感激.

解决方法

不要害怕的人我终于得到了

网络开发日的一些老习惯让我来到这里.

它调出你不必为你的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>

在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>

令人难以置信,我花了多少时间找到这个.

现在它的工作

猜你在找的iOS相关文章