jQuery Mobile初识

jQuery Mobile

---

jQuery Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且有一个完整统一的jQuery移动UI框架。

缩写页面的参数：

data-role='navbar'：定义导航栏
data-role='page':显示在浏览器中的页面
data-role='content':定义页面中的内容
data-role='header':创建页面上方的工具栏
data-role='footer':创建页面底部的工具栏

按钮

普通按钮：data-role='button'
内联按钮：默认情况下，按钮占满整个屏幕宽度。如果你想要一个仅是与内容一样宽的按钮，或者如果您想要并排显示两个或多个按钮，请添加 data-inline="true"
组合按钮： jQuery Mobile提供了一个简单的方法来将按钮组合在一起。
请把 data-role="controlgroup" 属性和 data-type="horizontal|vertical" 一起使用来规定是否水平或垂直组合按钮
后退按钮：如需创建后退按钮，请使用 data-rel="back" 属性（这会忽略锚的 href 值）
更多按钮属性：值为布尔类型
data-corners:规定按钮是否有圆角
data-mini:规定是否是小型按钮
data-shadow:规定按钮是否有阴影

表单

• 当使用 jQuery Mobile 表单时，您应当知道：
• 元素必须有一个 method 和一个 action 属性
• 每个表单元素必须有一个唯一的 "id" 属性。id 必须是整个站点所有页面上唯一的。这是因为 jQuery Mobile 的单页导航机制使得多个不同页面在同一时间被呈现
• 每个表单元素必须有一个标签。设置标签的 for 属性来匹配元素的 id