篇一 : 经典收藏 50个jQuery Mobile开发技巧集萃

1、Backbone移动实例

在这个教程中，我们将着重介绍jQuery Mobile的一些基本元素：页面结构、表单和Ajax表单提交。该教程基于jQuery Mobile框架的版本1.0测试版2。

相关链接：

40、jQuery Mobile中的简单列表视图

这个视频片段显示了如何创建jQuery Mobile中的简单列表视图。

相关链接：?v=Jmg8GdEKDjA&feature=related

可以学习如何使用jQuery Mobile构建具有离线功能的移动网站。

相关链接：

47、jQuery Mobile和JSON

这个教程介绍了可用于编写移动web应用程序的jQuery Mobile(JQM)框架，面向移动行业几款领先的浏览器。JQM可用于为在众多移动设备上运行的基于web的应用程序提供直观而一致的用户体验，比如iPhone、iPad、Android、WebOS、BlackBerry版本6(Torch和Playbook)及其他移动设备。该教程先综述了JQM项目以及JQM与HTML5之间的关系。该教程介要介绍了构建JQM应用程序所用的多种方法中的一种，以及JQM改进基本web用户界面元素的一些方式，最后介绍了基本的销售队伍自动化要求。

相关链接：

48、创建和使用jQuery Mobile中的自定义图标

本文将介绍如何创建和实施自定义图标。此外，我会介绍如何为iPhone 4的视网膜屏幕及更新的高分辨率设备添加高分辨率图标支持。

相关链接：

49、jQuery Mobile & Rails 3入门

这个应用程序让你可以通过移动设备来创建、读取、更新和删除博文帖子。

相关链接：

50、使用jQuery Mobile构建一个原生的Android新闻阅读应用程序

可以学习如何使用jQuery Mobile构建一个原生的Android新闻阅读应用程序。

相关链接：

t262阅读网请您转载分享：

篇二 : easy Html5 - Jquery Mobile之ToolBars(Header and Footer)

jquery 在web js框架上的风暴还在继续却也随着移动终端走向了mobile；那么jquery mobile到底包括些什么呢

简介

工具栏是在移动网站和应用中的头部，尾部或者内容中的工具条；Jquery Mobile提供了一套标准的工具和导航栏的工具，可以在绝大多数情况下直接使用；头部一般做网站或应用的标题，功能导航等，一般都是些文字或者按钮；尾部是一个页面的最下端，内容可以根据具体应用需要来排版，也可以放功能导航、各种链接等；内容中使用一般是作为功能的展示，显示内容同时附带着功能；jquery mobile还提供了这些工具栏的一些特性即工具栏定位；通过设置工具栏定位，可以使工具栏一直处于头部或者底部，当滚动时，如果工具栏被滚动到屏幕之外，jquery mobile会自动动画过度将工具条重新显示到头部或者底部；而且任何时候，当点击定位了的工具栏时，点击屏幕会让工具栏消失，再点击时会重新显示；当然还支持全屏的定位模式，当工具条被滚动到屏幕之外时，不会立即显示滚动条，而是当点击屏幕时，工具条会自动显示在固定的位置上。（）

Header

1.页面Header是一个data-role为header的div，当然我们可以在这个div里定义其他任何内容，比如常用的后退按钮等；

<div data-role="header" data-theme="c"> <h1>Page Header</h1> </div><!-- /header -->

2.一般在header里添加的button不要太多，添加在header里的按钮带有自动定位功能；

比如当添加一个按钮时：