如何将 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&lt;link type="text/css" href="jquery.ganttView.css" rel="stylesheet"/&gt; 中给出的路径似乎不正确。路径是相对的,所以我建议你首先尝试将所有文​​件放在 App Bundle 中,即 XCode ide 的左列放在同一个文件夹中,而不是 Resorse App Sandbox 中。.. 也检查***.com/questions/13152170/… 没有 Ishank。我没有收到任何编译器警告,只是没有显示任何内容。我从 github 下载了 jquery.ganttView(甘特图插件)并像这样更改代码, 以及加载 html 文件的 webview 代码。这是源代码(box.com/s/tsw7n8ca7kitxw5ax0cc)

以上是关于如何将 JQuery 插件添加到 UIWebview?的主要内容,如果未能解决你的问题,请参考以下文章

如何将 jquery 插件添加到 rails 3.1

如何将图像标题添加到 jQuery ImageViewer 插件中的活动项?

将 jquery 验证插件添加到 asp.net 4.5

将 jQuery 插件安装到 wordpress 中

jQuery Chosen 插件动态添加选项

将 jQuery 插件添加到 Angular 应用程序