如何将 JQuery 插件添加到 UIWebview?
Posted
技术标签:
【中文标题】如何将 JQuery 插件添加到 UIWebview?【英文标题】:How to add JQuery plugin to UIWebview? 【发布时间】:2013-05-13 10:31:09 【问题描述】:我想知道如何将 jQuery 插件 (https://github.com/thegrubbsian/jquery.ganttView) 添加到 UIWebView 中,因为我想用它来显示甘特图?
请告诉我是否应该遵循任何教程或步骤?
谢谢,卡尼什卡。
【问题讨论】:
【参考方案1】:可以有一个.html
文件,比如 -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE</title>
<script type="text/javascript" src="Plugin.js"></script>
<link type="text/css" href="Plugin.css" rel="stylesheet"/>
</head>
<body>
<div id="Pluginwrapper">
<div id="Plugincontainer"></div>
</div>
</body>
</html>
在 App bundle 中有.html file, .js file and .css
(即所有插件文件)文件,为了在UIWebView
中显示内容,只需制作.html
文件和@987654328 @ 文件作为 Xcode 的 Build Phases 选项卡中的 Bundle Resources。
然后使用 -
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"htmlfile" ofType:@"html"] isDirectory:NO]]];
【讨论】:
我已将下载的 jquery.ganttView 文件夹添加到应用程序的 Resources 目录中。然后创建“sample.html”文件并将所有插件文件添加到“copy Bundle Resources”中。但是模拟器什么也没有显示!。我在这里遗漏了什么吗? 你收到编译器警告? 嗯,您在src="jquery.ganttView.js
和<link type="text/css" href="jquery.ganttView.css" rel="stylesheet"/>
中给出的路径似乎不正确。路径是相对的,所以我建议你首先尝试将所有文件放在 App Bundle 中,即 XCode ide 的左列放在同一个文件夹中,而不是 Resorse App Sandbox 中。..
也检查***.com/questions/13152170/…
没有 Ishank。我没有收到任何编译器警告,只是没有显示任何内容。我从 github 下载了 jquery.ganttView(甘特图插件)并像这样更改代码, 以及加载 html 文件的 webview 代码。这是源代码(box.com/s/tsw7n8ca7kitxw5ax0cc)以上是关于如何将 JQuery 插件添加到 UIWebview?的主要内容,如果未能解决你的问题,请参考以下文章