ไอคอน jQuery Mobile

ไอคอน jQuery

ถ้าคุณต้องการเพิ่มไอคอนในปุ่มของ jQuery Mobile ให้ใช้รายละเอียด data-icon:

<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>

คำเตือน：คุณยังสามารถใช้รายละเอียด data-icon ในองค์ประกอบ <button> หรือ <input>:

ด้านล่างเราได้ระบุทั้งหมดแสงนักวิทยาการของ 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" การเตือน การทดสอบ