1. Home
  2. เลือกรูปแบบมือถือ jQuery

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

เลือกรูปแบบมือถือ jQuery

มือถือ jQuery เลือกเมนู

เลือกเมนูบน iPhone:
เลือกเมนู Android / SGS4 บนอุปกรณ์:

<เลือก> องค์ประกอบในการสร้างรายการแบบหล่นลงมีหลายตัวเลือก

<เลือก> <ตัวเลือก> องค์ประกอบที่กำหนดองค์ประกอบในรายการของตัวเลือกที่มีอยู่:

ตัวอย่าง

<form method="post" action="demoform">
<fieldset class="ui-field-contain">
<label for="day">Select Day</label>
<select name="day" id="day">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option value="wed">Wednesday</option>
</select>
</fieldset>
</form>

ลอง»

เคล็ดลับ: หากคุณเป็นรายการยาวของตัวเลือกที่มีความเกี่ยวข้องกับการใช้งาน <optgroup> องค์ประกอบใน <select> ภายใน:

ตัวอย่าง

<select name="day" id="day">
<optgroup label="Weekdays">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option value="wed">Wednesday</option>
</optgroup>
<optgroup label="Weekends">
<option value="sat">Saturday</option>
<option value="sun">Sunday</option>
</optgroup>
</select>

ลอง»

เลือกเมนูที่กำหนดเอง

ภาพด้านบนของหน้านี้ที่แสดงให้เห็นถึงวิธีการใช้แพลตฟอร์มโทรศัพท์มือถือวิธีที่พวกเขาแสดงเมนูการเลือก

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

ตัวอย่าง

<select name="day" id="day" data-native-menu="false" >

ลอง»

การเลือกหลาย

เพื่อเลือกมากกว่าหนึ่งตัวเลือกในการเลือกเมนูใช้แอตทริบิวต์หลายใน <select> องค์ประกอบ:

ตัวอย่าง

<select name="day" id="day" multiple data-native-menu="false">

ลอง»

ตัวอย่าง

ตัวอย่างเพิ่มเติม

โดยใช้ข้อมูลบทบาท = "controlgroup"
วิธีการรวมหนึ่งหรือเมนูตัวเลือกมากขึ้น

ใช้ข้อมูลชนิด = "แนวนอน"
วิธีการเลือกส่วนผสมของเมนูแนวนอน

ตัวเลือกไว้ล่วงหน้า
วิธีการเลือกก่อนตัวเลือก

ใช้ข้อมูล-type = "มินิ"
วิธีการหรือเมนูตัวเลือก

ตัวเลือกปรากฏ
วิธีการสร้างเมนูตัวเลือกป๊อป

รูปแบบพับได้
วิธีการสร้างรูปแบบการพับ

ปรับเปลี่ยนไอคอนเลือกเริ่มต้น
วิธีการปรับเปลี่ยนไอคอนตัวเลือกเมนู (เริ่มต้นคือ "ลูกศร-D")

แก้ไขตำแหน่งไอคอน
วิธีการปรับเปลี่ยนตำแหน่งของไอคอนที่แสดง (ค่าเริ่มต้นไปทางขวาน)

บทแนะนำยอดนิยม

Contact US

เลือกรูปแบบมือถือ jQuery
10/30