jQueryのアイコン
あなたにアイコンを追加するには<a>と<button> jQueryのモバイルの要素、アイコンのクラスを使用し、以下に示すようにアイコンを配置(唯一の例外は、さらに下に示されている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
あなたのナビゲーションバーのボタンにアイコンを追加するには、データ-icon属性を使用します。
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
、あなたのリストのボタンにアイコンを追加するには、データ-icon属性を使用するには、 <li>
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
下に私たちは、jQueryのモバイルが提供するすべての利用可能なアイコンが一覧表示されています:
値 | 説明 | アイコン | 例 |
---|---|---|---|
action | アクションは、(箱の外に向いて時計回りに矢印します) | それを試してみてください | |
alert | alert | それを試してみてください | |
audio | オーディオ/サウンド/スピーカー | それを試してみてください | |
arrow-d-l | 左に下向き矢印 | それを試してみてください | |
arrow-d-r | 右側に下向き矢印 | それを試してみてください | |
arrow-u-l | 左側に上向き矢印 | それを試してみてください | |
arrow-u-r | 右に上向き矢印 | それを試してみてください | |
arrow-l | 左矢印 | それを試してみてください | |
arrow-r | 右矢印 | それを試してみてください | |
arrow-u | 上向きの矢印 | それを試してみてください | |
arrow-d | 下向きの矢印 | それを試してみてください | |
back | 戻る(曲線の矢印が反時計回りに上向き) | それを試してみてください | |
bars | バー(互いの上に3つの水平バー) | それを試してみてください | |
bullets | 箇条書き(それぞれ他の上3つの水平弾) | それを試してみてください | |
calendar | calendar | それを試してみてください | |
camera | camera | それを試してみてください | |
carat-d | カラットは下向き | それを試してみてください | |
carat-l | カラットは左を指しています | それを試してみてください | |
carat-r | カラット右向き | それを試してみてください | |
carat-u | カラットは上向き | それを試してみてください | |
check | チェックマーク | それを試してみてください | |
clock | clock | それを試してみてください | |
cloud | cloud | それを試してみてください | |
comment | comment | それを試してみてください | |
delete | 削除(X) | それを試してみてください | |
edit | 編集/ペンシル | それを試してみてください | |
eye | eye | それを試してみてください | |
forbidden | 禁断の兆候 | それを試してみてください | |
forward | forward | それを試してみてください | |
gear | gear | それを試してみてください | |
grid | grid | それを試してみてください | |
heart | ハート/愛のシンボル | それを試してみてください | |
home | home | それを試してみてください | |
info | 情報 | それを試してみてください | |
location | 場所/ GPS | それを試してみてください | |
lock | ロック/南京錠 | それを試してみてください | |
メール/手紙 | それを試してみてください | ||
minus | minus | それを試してみてください | |
navigation | navigation | それを試してみてください | |
phone | 電話 | それを試してみてください | |
power | 電源(オン/オフ) | それを試してみてください | |
plus | plus | それを試してみてください | |
recycle | recycle | それを試してみてください | |
refresh | refresh | それを試してみてください | |
search | search | それを試してみてください | |
shop | ショップ/パグ/財布 | それを試してみてください | |
star | star | それを試してみてください | |
tag | tag | それを試してみてください | |
user | ユーザー/人 | それを試してみてください | |
video | ビデオカメラ | それを試してみてください |