jquerymobile的data-theme主题

zhgc

以下是默认主题所规定的五种调板和其含义：

a：最高优先级，黑色
b：优先级次之，蓝色
c：基准优先级，灰色
d：可选优先级，灰白色
e：表示强调，黄色



jQueryMobile内建了主题控制相关模块。调板可以使用data-theme属性来控制。如果你不指定data-theme属性，将默认采用a调板。下面代码定义了一个采用黄色调板的页面：

1. <div data-role="page" id="page">
   
2.   <div data-role="header" data-theme="e">
   
3.     <h1>Header</h1>
   
4.   </div>
   
5.   <div data-role="content" data-theme="e">

复制代码

zhgc

data-role="page"的theme:
<div data-role="page" id="pageone" class="ui-page-theme-a">

header和footer的theme:
<div data-role="header" data-theme="a">

data-role="main"的theme:
????

table的theme:
<table width=100% border=0 class="ui-table ui-body-c">

listview/ul的theme:
<ul data-role="listview" id="MList1" data-count-theme="a" data-split-icon="gear" class="ui-listview" style="padding:0px;margin:0px">