以下是一些常见的 jQuery Mobile Data 属性及其用法：
1. data-role: 定义元素的角色，指定元素在 jQuery Mobile 中的作用。常见的取值包括 "page"、"header"、"content"、"footer" 等。
<div data-role="page">
<!-- 页面内容 -->
</div>
2. data-theme: 定义元素的主题，用于指定元素的颜色样式。
<div data-role="header" data-theme="b">
<!-- 头部内容 -->
</div>
3. data-transition: 定义页面切换时的过渡效果。
<a href="#next-page" data-transition="slide">下一页</a>
4. data-icon: 定义按钮或链接的图标。
<a href="#home" data-icon="home">首页</a>
5. data-inline: 定义按钮或链接是否内联显示。
<a href="#page" data-inline="true">内联链接</a>
6. data-collapsed: 定义折叠块的默认折叠状态。
<div data-role="collapsible" data-collapsed="false">
<h3>可折叠块标题</h3>
<p>可折叠块内容</p>
</div>
7. data-position: 定义页面元素的位置，例如页脚的固定位置。
<div data-role="footer" data-position="fixed">
<!-- 页脚内容 -->
</div>
这些是只是 jQuery Mobile 中可用的一些 Data 属性示例。你可以根据你的需求查阅 jQuery Mobile 文档以获取更多信息和选项。 Data 属性为开发者提供了一种方便的方式来配置和定制 jQuery Mobile 页面元素的行为和外观。
转载请注明出处：http://www.pingtaimeng.com/article/detail/9440/jQuery Mobile