`
yangwei0915
  • 浏览: 465339 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

添加js等其他文件到IPhone工程中(以添加jquery的js库为例)

阅读更多

You might think that if you add the jquery js file to your project, you can build and reference it from html you load into a UIWebView. That’s what I thought too. Here are the steps you need to take.

1. Add the jquery file to resources. Drag the file in, right-click and choose to add an existing file. Whatever you are comfortable with.

Screen shot 2010-04-22 at 4-22-10 9.54.20 AM.png

2. The file will be automatically added as source code. In Xcode under Targets, expand the target you are working on and you’ll find two groups, “Copy Bundle Resources” and “Compile Resources”.

Screen shot 2010-04-22 at 4-22-10 9.55.00 AM.png

3. Drag the file from the “Compile Sources” group

Screen shot 2010-04-22 at 4-22-10 9.55.19 AM.png

to the “Copy Bundle Resources” group.

Screen shot 2010-04-22 at 4-22-10 9.55.42 AM.png

This tells Xcode to package the file up and include it with your app as a resource instead of compiling it.

4. Include the reference to jQuery in your HTML.

html = [NSString stringWithFormat:@"<html><head><script type='text/javascript' src='jquery-1.4.2.min.js'></script></head><body>%@</body></html>", body];

5. Set the baseURL using the path to your jQuery file.

[myWebView loadHTMLString:html baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle]pathForResource:@”jquery-1.4.2.min.js” ofType:nil]]];

分享到:
评论

相关推荐

    jquery仿iPhone通讯录

    【描述】在描述中,"jquery仿iPhone通讯录"意味着开发者使用jQuery库来模拟iPhone通讯录的功能,包括滑动滚动、搜索联系人、点击显示详细信息等特性。这个项目可能涉及到HTML结构设计、CSS样式布局以及jQuery的事件...

    仿iphone滑动界面 jquery iphone ui

    8. `js` 文件夹:存放JavaScript代码,尤其是jQuery iPhone UI的核心库,实现滑动效果的关键。 在实际应用中,开发者需要将`js`文件夹中的jQuery iPhone UI脚本引入到自己的项目中,并结合HTML和CSS调整元素样式,...

    jQuery炫酷iPhone手机3D旋转互动特效

    【jQuery炫酷iPhone手机3D旋转互动特效】是一种利用JavaScript库jQuery实现的视觉效果,它为网页中的iPhone模型提供了一种动态的3D旋转展示。这个特效旨在提升用户体验,让用户能够通过鼠标操作从不同角度查看虚拟...

    jQuery手机端HTML5带农历日期选择插件jQuery移动端日历插件swiper.js

    在本文中,我们将深入探讨基于jQuery的手机端HTML5日历插件,它结合了swiper.js库,提供了带有农历功能的万年历解决方案。这款插件适用于开发移动应用,为用户提供直观且易于操作的日历选择体验,类似于百度的万年历...

    jQuery实现的仿iPhone通讯录首字母检索特效源码.rar

    3. **拼音处理**:由于中文姓名需要转换为拼音才能进行首字母检索,所以这里可能用到了`jquery.charfirst.pinyin.js`这个插件,它能将汉字转换为拼音的首字母。该插件可能使用了某种算法或库(如pinyin4j)来实现...

    jQuery CSS3仿iPhone4S Siri UI.zip

    【jQuery CSS3仿iPhone4S Siri UI】是一个利用JavaScript库jQuery和CSS3技术来实现的交互式用户界面,模仿了苹果公司iPhone4S中的语音助手Siri的UI设计。这个项目旨在提供一种视觉上吸引人的、具有动画效果的界面,...

    js仿iphone的图片展示特效

    【标题】"js仿iphone的图片展示特效"指的是使用JavaScript编程语言来实现一种模拟iPhone设备上图片展示的交互效果。这种特效通常包括滑动切换图片、缩放、平移等特性,旨在为用户带来与使用真实iPhone设备类似的浏览...

    JQUERY动态菜单栏添加

    在网页设计中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,使得创建交互式的网页变得更加容易。在本教程中,我们将探讨如何利用jQuery来实现动态菜单栏的添加,这对于初级开发者来说...

    jQuery模拟iPhone获取WiFi网络列表代码.zip

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个“jQuery模拟iPhone获取WiFi网络列表代码”项目,显然是一个利用jQuery来创建一个与iPhone界面...

    jquery 仿 iphone 苹果 主界面 特效

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。本教程将详细讲解如何使用jQuery创建一个模仿iPhone苹果主界面的特效,让你的网页拥有类似iOS设备的...

    jQuery仿iPhone中文键盘插件.zip

    总的来说,"jQuery仿iPhone中文键盘插件"是一个实用且美观的解决方案,它结合了jQuery的便捷性、CSS的美化能力和JavaScript的动态交互,旨在为网页上的中文输入提供一个类似手机的便捷工具。开发者可以充分利用这个...

    jQuery仿iPhone手机面板导航效果源码

    JS文件中的jQuery代码会监听用户的触摸或鼠标事件,根据用户的滑动方向计算出相应的位移,并应用到对应的面板上。此外,可能还会包含一些初始化设置,如设置初始面板位置,以及处理边界条件,防止面板超出容器范围。...

    jQuery插件ImageFlyout弹出图片实现javascript放大图片功能

    可选JS库文件:增强图片显示特效可使用jQuery插件Easing Plugin库文件 素材准备 可自定义CSS样式,控制jQuery插件jQuery Image Flyout提示小图片显示效果。 实例代码 一,包含文件部分 [removed][removed] ...

    jQuery+CSS仿iPhone手机面板导航

    这个效果能够为网页添加一种类似iPhone设备上滑动手势切换应用的交互体验,增强用户的浏览感受。接下来,我们将深入探讨这个项目涉及的关键技术和实现细节。 **jQuery** jQuery 是一个广泛使用的JavaScript库,它...

    81、jQuery模拟iPhone获取WiFi网络列表代码

    【标题】:“81、jQuery模拟iPhone获取WiFi网络列表代码”这一主题主要涉及的是使用JavaScript库jQuery来模拟iOS设备上获取WiFi网络列表的功能。在Web应用中,有时我们需要模拟原生移动设备的一些特性,比如在网页上...

    jquery仿iphone向右划动删除行

    标题“jquery仿iphone向右划动删除行”指的是使用jQuery库来实现一种类似于iPhone应用中的交互效果,即当用户在移动Web环境下向右滑动表格行时,会显示出一个删除按钮,允许用户快速删除该行数据。这个功能常用于...

    jquery Promptu-menu菜单滑动插件iphone

    《jQuery Promptu-menu:打造...首先,在HTML文件中引入jQuery库和Promptu-menu的JS与CSS文件。然后,通过JavaScript代码初始化插件,并指定菜单元素和设置参数。例如: ```html &lt;script src="path/to/jquery.js"&gt; ...

    jquery制作仿iphone苹果手机界面触屏切换效果.rar

    在本项目中,“jquery制作仿iphone苹果手机界面触屏切换效果.rar”是一个使用jQuery库创建的Web应用程序,它旨在模拟iPhone或苹果手机的用户界面,尤其是触屏滑动切换的效果。这个项目对于开发者来说,是一个很好的...

    仿IPHONE切屏特效 JQUERY 源码

    【标题】:“仿IPHONE切屏特效 JQUERY 源码”是指一种使用JQUERY库实现的、模仿苹果iPhone设备屏幕切换效果的代码资源。在网页设计和开发中,这种特效能够为用户提供类似手机应用的浏览体验,提高交互性和吸引力。 ...

Global site tag (gtag.js) - Google Analytics