jQuery Mobile 列表内容
jQuery Mobile 列表内容
jQuery Mobile 列表图标
jQuery Mobile 列表图标
USA
分割按钮元素中再增加一个元素，便可以在页面实现分割效果。
气泡数字
更多实例
默认情况下每个列表项都会包含一个箭头图标 "carat-r" (右箭头)。如果要修改这个图标可以使用 data-icon 属性:
实例
- Default is right
arrow
- data-icon="plus"
- data-icon="minus"
- data-icon="delete"
- data-icon="location"
- data-icon="false"
 |
data-icon="false" 将会移除图标。 |
|---|
更完整的 jQuery Mobile 按钮图标，请访问我们的 jQuery Mobile 列表缩略图
大于 16x16px 的图像，请在链接中添加 元素。
jQuery Mobile 将自动缩放图像到 80x80px:
实例
使用标准的HTML添加列表信息：
实例jQuery Mobile 列表图标
在列表 元素使用 class="ui-li-icon" 添加 16x16px 图标：
USA分割按钮
在JQuery Mobile的列表中，有时需要对选项内容做两个不同的操作，这时，需要对选项中的链接按钮进行分割。实现分割的方法是在
jQuery Mobile 会自动设置第二个链接为蓝色箭头的图标，图标的链接文字（如果有的话）将在用户将鼠标悬停在 图标时显示:
实例添加一些页面和对话框使链接功能更加丰富：
实例气泡数字
气泡数字是用来显示列表项相关的数字，如在一个邮箱的邮件：
如需添加气泡数字，请使用行内元素，比如 ，设置 class "ui-li-count" 属性并添加数字：
实例注意：显示一个正确的气泡数字，必须修改编程方式。 这将在以后的章节解释。
更多实例
如何创建弹窗列表
如何设置列表项的默认链接图标(默认是右箭头).
如何创建可折叠弹窗列表。
如何创建显示/隐藏的列表。
如何制作一个日历。
