JQUERY Mobile 图标

图标

data-icon="arrow-l" 左箭头 测试

data-icon="arrow-r" 右箭头 测试

data-icon="arrow-u" 上箭头 测试

data-icon="arrow-d" 下箭头 测试

data-icon="plus" 加 测试

data-icon="minus" 减 测试

data-icon="delete" 删除 测试

data-icon="check" 检查 测试

data-icon="home" 首页 测试

data-icon="info" 信息 测试

data-icon="grid" 网格 测试

data-icon="gear" 齿轮 测试

data-icon="search" 搜索 测试

data-icon="back" 后退 测试

data-icon="forward" 向前 测试

data-icon="refresh" 刷新 测试

data-icon="star" 星 测试

data-icon="alert" 提醒 测试

定位图标

您也能够规定图标被放置的位置：上、右、下或左。

请使用 data-iconpos 属性来规定位置：

图标位置：

<a href="#link" data-role="button" data-icon="search" data-iconpos="top">上</a>

<a href="#link" data-role="button" data-icon="search" data-iconpos="right">右</a>

<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">下</a>

<a href="#link" data-role="button" data-icon="search" data-iconpos="left">左</a>

如果只需显示图标，请将 data-iconpos 设置为 "notext"：