ไอคอน 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
หากต้องการเพิ่มไอคอนปุ่มแถบนำทางของคุณใช้แอตทริบิวต์ข้อมูลไอคอน:
<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 มือถือให้:
| ความคุ้มค่า | ลักษณะ | ไอคอน | ตัวอย่าง |
|---|---|---|---|
| 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 | บาร์ (สามแถบแนวนอนมากกว่ากัน) | ลองมัน | |
| bullets | กระสุน (กระสุนสามแนวนอนมากกว่ากัน) | ลองมัน | |
| 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 | ที่ตั้ง / จีพีเอส | ลองมัน | |
| lock | ล็อค / กุญแจ | ลองมัน | |
| จดหมาย / Letter | ลองมัน | ||
| minus | minus | ลองมัน | |
| navigation | navigation | ลองมัน | |
| phone | โทรศัพท์ | ลองมัน | |
| power | เพาเวอร์ (เปิด / ปิด) | ลองมัน | |
| plus | plus | ลองมัน | |
| recycle | recycle | ลองมัน | |
| refresh | refresh | ลองมัน | |
| search | search | ลองมัน | |
| shop | ช็อป / Pag / กระเป๋า | ลองมัน | |
| star | star | ลองมัน | |
| tag | tag | ลองมัน | |
| user | ผู้ใช้ / ท่าน | ลองมัน | |
| video | กล้องวิดีโอ | ลองมัน |