JQuery Mobile

วิธีการกำหนด Icon ให้กับ Button ใน JQuery Mobile Framework

เรื่องที่เกี่ยวข้อง - , , ,

JQuery Mobile 12 logo

วิธีการกำหนด 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

Loading Facebook Comments ...
Menu