JQuery Mobile 在 UIWebView 中不起作用 [英] JQuery Mobile not working inside UIWebView
问题描述
在寻找解决方案并尝试不同的方法来解决我在使用 JQuery Mobile 和我的 iPad 应用程序时遇到的这个问题后，我来到这里.
I'm coming here after many many hours of looking for a solution and trying different approaches to fix this issue I'm having with JQuery Mobile and my iPad app.
我想做的是一个带有 Fusion Charts 的报告应用程序.我已经使用不同的方法成功地在 Web 视图 (UIWebView) 中渲染了图表，并遵循了不同的示例，但我现在想做的是使用 JQuery Mobile 框架完成相同的任务.
What I'm trying to do is a reporting app with Fusion Charts. I have successfully rendered the charts within web views (UIWebView) using different methods, and following different examples, but what I'd like to do now is accomplishing the same task using the JQuery Mobile framework.
我不使用 phonegap 并且我已经按照关于 JQuery Mobile + Xcode 集成的信函中的步骤进行操作(我认为).这些图表在我的桌面和移动浏览器(iPad、iPhone 4 和 iPod Touch 2G)上加载没有问题，但它们无法加载到我的 UIWebView 中(即使我使用的是相同的确切代码).
I'm not using phonegap and I've followed the steps to the letter regarding JQuery Mobile + Xcode integration (I think). The charts load without a problem on my desktop and mobile browsers (iPad , iPhone 4, and iPod Touch 2G), but there's no way they load inside my UIWebView (even though I'm using the same exact code).
这就是我正在做的事情:
1) 将所需文件(JS、CSS 和 HTML)添加到项目中以在本地使用它们.添加它们后，我将带有 .js 扩展名的所有内容从编译源"移动到复制捆绑资源".它看起来像这样:
1) Adding required files (JS, CSS, and HTML) to the project to use them locally. After adding them I move everything with .js extension from "Compile Sources" to "Copy Bundle Resources". It looks like this:
2) 将我的 HTML 测试文件 (page_A1.html) 加载到 Web 视图中:
2) Load my HTML test file (page_A1.html) into the web view:
3) 检查 HTML 文件中的所有内容是否已设置正确路径和最新版本的框架:
3) Check that everything is set up on the HTML file with correct paths and latest version of frameworks:
4) 构建和运行只是为了得到一个空白的 web 视图.
4) Build and Run only to get a blank web view.
如果我用这样的警报测试 Javascript:
If I test Javascript with an alert like this:
它将显示证明 Javascript 正在运行的警报:
It will show the alert proving Javascript is working:
如果我在应该显示图表的容器上放置一些文本:
And if I put some text on the container where the chart is supposed to be displayed:
我将在 web 视图中获取文本:
I'll get the text inside the web view:
我还测试了远程框架链接而不是本地链接和旧版本的库，但没有运气.没有什么不同:
I have also tested with remote framework links instead of the local ones and older version of the libraries with no luck. Nothing different happens:
对我来说似乎很明显
$(document).ready(function(){
没有被 xcode 注意到或调用.
is not being noticed or invoked by xcode.
这是我想要完成的:
我不知道还要测试什么.如果您有任何想法，我将不胜感激.
I don't know what else to test. If you have any idea I'd be more than grateful.
推荐答案
没关系，伙计们.我终于明白了.
Nevermind guys. I finally got it.
Web 开发时代的一些旧习惯在这里扮演了我的角色.
Some old habits from the web development days played me here.
事实证明，您不必为 CSS 和 JS 文件指定内部目录结构，因此:
It tuns out you don't have to specify the inner directory structure for your CSS and JS files so this:
<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 中真的应该是这样的:
shoudl really be like this in 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>
难以置信我花了多少时间才发现这一点.
Unbelievable how much time it took me to find that out.
现在它正在工作.
这篇关于JQuery Mobile 在 UIWebView 中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
