以下是一些 jQuery Mobile 常用的 data 属性：
1. data-role 属性： 用于指定元素的角色，例如页面、头部、内容区域、页脚等。
<div data-role="page">...</div>
<div data-role="header">...</div>
<div data-role="content">...</div>
<div data-role="footer">...</div>
2. data-theme 属性： 用于指定元素的主题，可以是 a、b、c、d、e 中的一个，用于设置元素的颜色和样式。
<div data-role="page" data-theme="b">...</div>
3. data-transition 属性： 用于指定页面转场效果，例如 slide、pop、flip 等。
<a href="#page2" data-transition="slide">Go to Page 2</a>
4. data-icon 属性： 用于指定按钮图标，例如 data-icon="home"。
<a href="#home" data-role="button" data-icon="home">Home</a>
5. data-inline 属性： 用于指定按钮显示为内联（inline）还是块状（block）。
<a href="#page1" data-role="button" data-inline="true">Inline Button</a>
6. data-mini 属性： 用于指定按钮显示为迷你（mini）尺寸。
<a href="#page1" data-role="button" data-mini="true">Mini Button</a>
这些 data 属性帮助你配置 jQuery Mobile 元素的外观和行为，使得定制和扩展变得更加简单。你可以根据具体的需求查阅 jQuery Mobile 文档，了解更多可用的 data 属性。
转载请注明出处：http://www.zyzy.cn/article/detail/14469/jQuery Mobile