มือถือ jQuery ปุ่มไอคอน คืออะไร และใช้งานอย่างไร?

jQuery Mobile หลักสูตร
jQuery Mobile รายการ
jQuery Mobile ฟอร์ม
jQuery Mobile กระทู้
- jQuery Mobile กระทู้
jQuery Mobile เหตุการณ์

บทช่วยสอน มือถือ jQuery ปุ่มไอคอน ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ เพื่อเพิ่มไอคอนให้กับมือถือ jQuery,ไอคอนตำแหน่ง,ไอคอนสถานที่ตั้ง:,แสดงไอคอนเท่านั้น,ตัวอย่าง:,นำวงกลม,ตัวอย่าง,ดำ, ปุ่มสีขาว,ตัวอย่าง,ตัวอย่างเพิ่มเติม,

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

ก่อนหน้านี้: ปุ่มมือถือ jQuery

ถัดไป: jQuery Toolbar มือถือ

มือถือ 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>

ลอง»