xian00000的专栏

原作：Getting started with jQuery Mobile ——Matthew David翻译：filod译文：http://blog.filod.net/jquerymobile-2/295.html转载声明：请注明原作、翻译以及译文链接。本文转载自：http://www.cnblogs.com/yuzhongwusan/archive/2011/11/2

原作：Using and customizing jQuery Mobile themes ——Matthew David翻译：filod转载声明：请注明原作者、翻译者以及译文链接。本文转载自：http://www.cnblogs.com/yuzhongwusan/archive/2011/11/24/2261573.html在之前的文章jQuery Mobile 入门

jQuery Mobile工作原理：为了实现在移动设备上的无缝客户体验，jQuery Mobile默认采用AJAX的方式载入一个目的链接页面。因此，当在浏览器中点击一个链接打一个新的页面时，jQuery Mobile接收这个链接，通过AJAX的方式请求链接页面的page内容，并把请求得到的内容注入到当前页面的DOM里。另外还需要确保请求的页面url唯一标识的。这样的结果就是用户交互始终保存在同

基本页面 Page Title <!-- 我们可以看到页面中的内容都是包装在div标签中并在标签中 加入data-role=”page”属性。 这样jQuery Mobile就会知道 哪些内容需要处理 . 说明：data-属性是HTM

page：设置设备的适配：让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0：： Page TitleOptions主题样式：data-theme="a | b | c | d | e"位置固定：data-pisition="fixed"全屏样式：data-fullscreen="true"返回按钮

data-role参数表：page 页面容器，其内部的mobile元素将会继承这个容器上所设置的属性 header 页面标题容器，这个容器内部可以包含文字、返回按钮、功能按钮等元素footer 页面页脚容器，这个容器内部也可以包含文字、返回按钮、功能按钮等元素content 页面内容容器，这是一个很宽容的容器，内部可以包含标准的html元素和jQueryMobile

http://blog.youkuaiyun.com/mengxiangyue/article/category/1313478