学步园

配置选项：

jquerymobile提供了很多的默认配置，jquerymobile会在执行到增强页面元素的时候马上执行它，远早于document.ready事件，这些默认的配置符合大部分情形，对于开发者来说也很容易去修改这些默认的配置。

当Jquery Mobile开始执行时，他就会在document对象上触发mobileinit 事件，所以你可以绑定别的行为来覆盖默认配置。代码：

因为mobileinit事件是在执行后马上触发，所以你需要在Jquery Mobile加载之前绑定你的事件处理函数，所以我建议你如下安排你的js引用顺序。

在事件绑定内部，你可以设置你的默认配置，或者是使用jq的$.extend方法扩展 $.mobile对象

或者单独设置它

配置选项
以下是 $.mobile对象部分可配置选项以及其默认值:
subPageUrlKey (string， default: "ui-page"):
url参数用来引用由插件生成的子页面(例如那些由嵌套的listview生成的子页面) 例如: example.html&ui-page=subpageIdentifir. 在&ui-page=前的部分被jquery mobile框架用来向子页面所在的URL发送一个ajax请求.
nonHistorySelectors (string， default: "dialog"):
对于带有data-rel属性值的a标签链接 或者 带有data-role属性值的page，如果它们匹配这些选择器(即该string参数)，那么它们不会在历史记录中被追踪 (即它们不会在location.hash中被更新也不会被浏览器历史所标记).
activePageClass (string， default: "ui-page-active"):
该class被分配给当前视图中的page (包括过渡状态中的)
activeBtnClass (string， default: "ui-page-active"):
该class用于"激活"button的状态 (参见css框架).
ajaxEnabled (boolean， default: true):
当可能的时候jQuery Mobile 会自动通过ajax处理链接点击以及表单提交， 如果不行，url hash 监听将会停止，url也会像常规那样发出HTTP 请求.
ajaxLinksEnabled (boolean， default: true):
只要可行的时候，jQuery Mobile 就会自动通过ajax处理链接的点击.
ajaxFormsEnabled (boolean， default: true):
只要可行的时候，jQuery Mobile 就会自动通过ajax处理页面提交.
autoInitialize (boolean， default: true):
当该选项被设置为false时 自动初始化功能将延迟嵌入页面(page)的增强功能直到
$.mobile.initializePage();
被显式调用. 默认情况下当DOM加载完毕page将会被增强.
defaultTransition (string， default: 'slide'):
设置页面过渡效果(ajax请求)，设置为'none'表示没有任何过渡效果.
loadingMessage (string， default: "loading"):
设置页面加载时显示的文本. 如果设置为false， 将不会显示任何文本.
metaViewportContent (string， default: "width=device-width， minimum-scale=1， maximum-scale=1"):
配置自动生成的meta标签，如果为false，将不会为DOM添加任何meta标签.
gradeA (函数返回boolean值， default: 该函数默认返回 $.support.mediaquery 的值):

浏览器必须符合所有支持的条件才会返回 true.

Enent 事件

在 jQuery Mobile 中，可以把 jQuery Mobile 事件分为 7 个部分 ——

触摸事件 (Touch events)，

虚拟鼠标事件 (Virtual mouse events)，

页面事件 (Page events)，

设备方向变化事件 (Orientation change event)，

滚屏事件 (Scroll events)，(Layout events)，

动画事件 (Animation Events)。

其中页面事件可以再分为页面加载事件 (Page load events)，页面跳转事件 (Page change events)，页面显示/隐藏事件 (Page show/hide events)，页面初始化事件 (Page initialization events)，页面移除事件 (Page remove events) 五种，由于页面事件较多，并且涉及 jQuery 中较复杂的对象使用，将会另写文章介绍。下面分别对除页面事件以外的其他事件进行详细介绍。

参考：http://kayosite.com/web-app-by-jquery-mobile-and-html5-events-in-detail.html

主题系统

主体框架包含了5 套颜色色板  data-theme="a b c  d  e "

参考：http://www.jqmapi.com/api/Theming%20.html