最新のWeb開発のチュートリアル
 

jQuery Mobileアイコン


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 アクションは、(箱の外に向いて時計回りに矢印します) それを試してみてください
alertalert それを試してみてください
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つの水平弾) それを試してみてください
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 ビデオカメラ それを試してみてください