拍拍尘土

总页面框架：
引用js：
让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0：
详细的控件下面一一记录哈~~
>>>>>Toolbar：
 
| footer | navbar">
例：
data-role="header" data-position="inline">
Page Title
Options
主题样式：data-theme="a | b | c | d | e"
位置固定：data-pisition="fixed"
全屏样式：data-fullscreen="true"
返回按钮：data-rel="back"
反向过渡：data-direction="reverse"
按钮位置：data-role="button" class="ui-btn-right"
自定义导航菜单： class="ui-bar ui-bar-b"
例：
class="ui-bar ui-bar-b">
I'm just a div with bar classes and a Button

One
Two

链接：
打开对话框：href="#" data-rel="dialog">Dialog link
对话框大小设置：
.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { max-width: 500px; margin: 10% auto 15px auto; }
对话框遮罩主题：data-overlay-theme="a | b | c | d | e"
页面过渡：data-transition="fade | pop | flip | turn | flow | slide | slideup | slidedown | none"
>>>>>Buttons：
Link button
小按钮：data-mini="true"
  按钮上的图标：data-icon="arrow-l | arrow-r | arrow-u | arrow-d | delete | plus | minus | check | gear | refresh | forward | back | grid | star | alert | info | home | search"
图标位置：data-iconpos="top | bottom | left | right"
无文字按钮：data-iconpos="notext"
自定义图标：data-icon="myicon" .ui-icon-myicon{ }
按钮并列：data-inline="true"
按钮组：data-role="controlgroup"
水平按钮组：data-type="horizontal"
例：
Yes
No
Maybe
  >>>>>Content：
  标题：h1 、h2。。。；文本区域；图片；
可折叠： data-role="collapsible"
内容主题：data-content-theme=“a”
默认展开：data-collapsed="false"
小号折叠：data-mini="true"
可折叠组：data-role="collapsible-set"
例：
[b][/b]
Section 1
I'm the collapsible set content for section B.
Section 2
I'm the collapsible set content for section B.

网格：class="ui-grid"
两列 (ui-grid-a)
三列(ui-grid-b)
四列 (ui-grid-c)
五列 (ui-grid-d)
例：
I'm Block A and text inside will wrap
I'm Block B and text inside will wrap
>>>>>List Views：
  列表：data-role="listview"
普通列表：
Acura
Audi
BMW
嵌套列表，点击某行可以进入嵌套列表：
Animals
All your favorites from aarkvarks to zebras.
Pets
Canary
Cat
编号列表：
只读列表：没有链接
拆分按钮列表：
Broken Bells
Broken Bells
Purchase album
列表分隔：
Acura12
Audi12
列表格式：
列表标题2
标题
副标题
简介
6:24PM
[b]图标/图标列表[/b]：
Broken Bells
Broken Bells
列表块：
调用ListView的插件：$('#mylist').listview();
更新列表：$('#mylist').listview('refresh');
>>>>>Form Elements： 表单结构：
  ...
隐藏标签：
Username:
或者
Username:
禁用表单元素：disable & enable
表单容器： data-role="fieldcontain"
刷新表单元素：
复选框:
$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");
单选框:
$("input[type='radio']").prop("checked",true).checkboxradio("refresh");
下拉菜单:
var myselect = $("#selectfoo");myselect[0].selectedIndex = 3;myselect.selectmenu("refresh");
Sliders:
$("input[type='range']").val(60).slider("refresh");
开关:
var myswitch = $("#selectbar");myswitch[0].selectedIndex = 1;myswitch.slider("refresh");
A
搜索过滤：
data-filter-theme=“a”>
数字区：
保持原生态：data-role="none"
滑块：
Input slider:
step="50"data-highlight="true"data-theme="a" data-track-theme="b"/>
开关：
Flip switch:
   
    No
    Yes
     
单选复选：type="radio" type="checkbox"水平排列data-type="horizontal"> ,单选框name要一致。
Choose a pet: Cat Dog Pig
下拉菜单：弹出式data-native-menu="false"
Shipping method: Choose one... Standard: 7 day
Rush: 3 days Express: next day Overnight




http://blog.sina.com.cn/s/blog_7357495a01013rf3.html