มือถือ jQuery ปุ่มไอคอน

มือถือ jQuery ให้ชุดของปุ่มให้ดูไอคอนที่ต้องการมากขึ้น

เพื่อเพิ่มไอคอนให้กับมือถือ jQuery

เราสามารถใช้คลาส UI-ไอคอนเพื่อเพิ่มไอคอนปุ่มและปุ่มที่สามารถตั้งค่าการใช้ระดับที่กำหนด

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>

หมายเหตุ: ที่ปุ่มวิธีอื่น ๆ เช่นรายการหรือรูปแบบของปุ่มที่ใช้แอตทริบิวต์ข้อมูลไอคอน ในส่วนถัดไปเราจะแนะนำที่เฉพาะเจาะจง

ด้านล่างเรารายการบางส่วนของไอคอนที่มีอยู่ jQuery มือถือให้:

ระดับปุ่ม	ลักษณะ	ตัวอย่าง
UI-ไอคอนลูกศร-L	ลูกศรซ้าย	ความพยายาม
UI-ไอคอนลูกศร-R	ลูกศรขวา	ความพยายาม
UI-ไอคอนข้อมูล	ข้อมูล	ความพยายาม
UI-ไอคอนลบ	ลบ	ความพยายาม
UI-ไอคอนกลับ	ล่าถอย	ความพยายาม
UI-ไอคอนเสียง	ประธาน	ความพยายาม
UI-ไอคอนล็อค	กุญแจ	ความพยายาม
UI-ไอคอนค้นหา	ค้นหา	ความพยายาม
UI-ไอคอนแจ้งเตือน	การเตือน	ความพยายาม
UI-ไอคอนตาราง	กินกัน	ความพยายาม
UI-ไอคอนบ้าน	บ้าน	ความพยายาม

สำหรับคู่มืออ้างอิงที่สมบูรณ์แบบสำหรับทุกไอคอนปุ่มมือถือ jQuery เยี่ยมชมของเรา คู่มือการใช้งานมือถือ jQuery ไอคอนอ้างอิง

ไอคอนตำแหน่ง

นอกจากนี้คุณยังสามารถระบุตำแหน่งไอคอนปุ่มสิ่งที่ตำแหน่ง: ด้านบน (TOP), ด้านขวา (ขวา) ที่ด้านล่าง (ล่าง) ที่ด้านซ้าย (ซ้าย)

กรุณาใช้แอตทริบิวต์ไอคอน UI-btn เพื่อระบุสถานที่:

ไอคอนสถานที่ตั้ง:

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-top"> ด้านบน </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-right"> ด้านขวา </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-bottom"> ล่าง </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> ด้านซ้าย </a>

ลอง»

	ถ้าคุณไม่ได้ระบุตำแหน่งของภาพปุ่มไอคอนจะไม่ปรากฏ

แสดงไอคอนเท่านั้น

หากคุณต้องการที่จะแสดงไอคอนคุณสามารถใช้ "notext":

ตัวอย่าง:

ลอง»

นำวงกลม

โดยค่าเริ่มต้นไอคอนทั้งหมดมีวงกลมสีเทา ถ้าคุณไม่จำเป็นต้องใช้มันคุณสามารถใช้ประเภทองค์ประกอบ "UI-nodisc ไอคอน":

ตัวอย่าง

<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left"> ใช้วงกลม (เริ่มต้น) </a>
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-left ui-nodisc-icon"> ลบวงกลม </a>

ลอง»