最新的Web开发教程
 

jQuery Mobile图标

❮上一页 下一页章❯

jQuery的图标

要将图标添加到您的<a>和<button>在jQuery Mobile的元素，使用的图标类，如下图所示的图标位置（唯一的例外是在navbars，功能的按钮，显示进一步下跌）：

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</a> Try it

<button class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</button> Try it

要将图标添加到您<input>按钮，使用data-icon的属性：

<input type="button" value="Refresh page" data-icon="refresh" > Try it

要将图标添加到您的导航栏按钮，使用数据图标的属性：

<a href="#anylink" data-icon="refresh" >Refresh Page</a> Try it

要将图标添加到您的列表按钮，请使用数据图标属性<li>

<li data-icon="refresh" ><a href="#">Click me</a></li> Try it

下面我们列出了jQuery Mobile的提供了所有可用的图标：

值 描述 图标 例
action 行动（顺时针箭头指出了一个箱子） 尝试一下
alertalert 尝试一下
audio 音频/声音/扬声器 尝试一下
arrow-d-l 箭头向下指向左侧 尝试一下
arrow-d-r 箭头向下指向右侧 尝试一下
arrow-u-l 箭头向上指向左侧 尝试一下
arrow-u-r 箭头向上指向右侧 尝试一下
arrow-l 箭头指向左边 尝试一下
arrow-r 箭头指向右边 尝试一下
arrow-u 箭头朝上 尝试一下
arrow-d 向下箭头 尝试一下
back 返回（弯曲箭头指向向上逆时针） 尝试一下
bars 酒吧（在每个其他三个水平条） 尝试一下
bullets 子弹（超过对方三横子弹） 尝试一下
calendarcalendar 尝试一下
cameracamera 尝试一下
carat-d 克拉朝下 尝试一下
carat-l 克拉指向左边 尝试一下
carat-r 克拉指向右侧 尝试一下
carat-u 克拉朝上 尝试一下
check 复选标记 尝试一下
clockclock 尝试一下
cloudcloud 尝试一下
commentcomment 尝试一下
delete 删除（X） 尝试一下
edit 编辑/铅笔 尝试一下
eyeeye 尝试一下
forbidden 禁止符号 尝试一下
forwardforward 尝试一下
geargear 尝试一下
gridgrid 尝试一下
heart 心脏/爱的象征 尝试一下
homehome 尝试一下
info 信息 尝试一下
location 定位/ GPS 尝试一下
lock 锁/挂锁 尝试一下
mail 邮件/信 尝试一下
minusminus 尝试一下
navigationnavigation 尝试一下
phone 电话 尝试一下
power 功率（开/关） 尝试一下
plusplus 尝试一下
recyclerecycle 尝试一下
refreshrefresh 尝试一下
searchsearch 尝试一下
shop 商店/帕格/钱包 尝试一下
starstar 尝试一下
tagtag 尝试一下
user 用户/人 尝试一下
video 录影机 尝试一下


❮上一页 下一页章❯