jquery mobile使用指南

jquery mobile使用指南

ID:2248169

大小:481.50 KB

页数:16页

时间:2017-11-15

jquery mobile使用指南_第1页
jquery mobile使用指南_第2页
jquery mobile使用指南_第3页
jquery mobile使用指南_第4页
jquery mobile使用指南_第5页
资源描述:

《jquery mobile使用指南》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、jQueryMobile使用指南简介:jQueryMobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计。jQueryMobile是一个新的项目用来添补在移动设备应用上的缺憾。它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用。使用该框架可以节省大量的js代码开发时间,尽管目前的版本还是

2、不是一个稳定的版本。但它的应用效果已经备受瞩目。接下来我们将通过实例向大家展示jQueryMobile的特性及好处,让我们看一下这个新框架是怎么帮助你在短时间内建立起一个高质量的移动应用程序,接下来的代码讲解中的代码最好使用的移动设备平台是IPhone或Android。或者是PC电脑上使用Safari浏览器调试。Goon!jQueryMsobile都能做什么?ØjQueryMobile为开发移动应用程序提代了非常简单的用户接口Ø这种接口的配置是标签驱动的,这意味着我们可以在HTML中建立大量的程序接口而不不需要写一行js代码Ø提供了一些自定义的事件

3、用来探测移动和触摸动作。例如tap(敲击)、tap-and-hold(点击并按住)、swipe、orientationchangeØ使用一些加强的功能时需要参照一下设备浏览器支持列表Ø使用预设主题可以轻松定制应用程序外观jQueryMobile基本页面结构大部分jQueryMobileWeb应用程序都要遵循下面的基本模板PageTitle

4、ery.mobile-1.0a1.min.css"/>

PageTitle

5、ent">

Pagecontentgoeshere.

PageFooter

要使用jQueryMobile,首先需要在开发的界面中包含如下3个内容ØCSS文件jquery.mobile-1.0a1.min.cssØjQuerylibraryjquery-1.4.3.min.jsØjQueryMobilelibraryjquery.mobile-1.0a1.min.js在上面的页面基本模板中,引入这三个元素采用的是j

6、QueryCDN方式,开发人员也可以下载这些文件及主题到你的服务器上。我们可以看到页面中的内容都是包装在div标签中并在标签中加入data-role=”page”属性。这样jQueryMobile就会知道哪些内容需要处理。说明:data-属性是HTML5新推出的很有趣的一个特性,它可以让开发人员添加任意属性到html标签中,只要添加的属性名有“data-”前缀。在”page”div中,还可以包含”header”,”content”,”footer”的div元素,这些元素都是可选的,但至少要包含一个“content”div。

7、”header”>在页面的顶部建立导航工具栏,用于放置标题和按钮(典型的至少要放一个“返回”按钮,用于返回前一页)。通过添加额外的属性data-position=”fixed”,可以保证头部始终保持屏幕的顶部包含一些主要内容,例如文本内容,图像,按钮,列表,表单等等在页面的底建立工具栏,添加一些功能按钮为了确保它始终保持在页面的底部,可以给其加上data-position=”fixed”属性多个页面在同一个页面中有一种建立在

8、一个HTML页面基础之上的页面结构,即在一个页面中添加多个data-role=”page”。这意味着浏览器仅仅得到一个页面

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签