วิธีการกำหนด Icon ให้ JQM Button
การกำหนด Icon ให้กับ button นั้น สามารถทำได้ โดยการกำหนดค่าให้ attribute ที่ชื่อ data-icon ได้อย่างถูกต้อง โดยปกติถ้าเราใช้ Icon ที่ JQM ให้มา ก็สามารถใส่ชื่อจากรายการในส่วนถัดไปได้เลย
ดูตัวอย่างกันครับ
<a href="#" data-role="button" data-icon="arrow-l">...</a>
มี Icon อะไรให้ใช้บ้าง?
ในปัจจุบันทาง JQuery Mobile มี Icon มาให้ใช้ดังนี้ (สามารถเอาชื่อเหล่านี้ไปใช้กับ data-icon ได้เลย)
- arrow-l
- arrow-r
- arrow-u
- arrow-d
- delete
- plus
- minus
- check
- gear
- refresh
- forward
- back
- grid
- star
- alert
- info
- home
- search
อ้างอิงจาก – JQuery Mobile