我经过多少小时寻找解决方案,并尝试不同的方法来解决我与
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>
令人难以置信,我花了多少时间找到这个.
现在它的工作