jQuery ข้อมูลคุณสมบัติ
มือถือ jQuery ใช้ HTML5 data-* แอตทริบิวต์ การสร้าง "touch-friendly" และน่าสนใจรูปลักษณ์สำหรับอุปกรณ์มือถือ
สำหรับรายชื่ออ้างอิงด้านล่าง bold value ระบุค่าเริ่มต้น
ปุ่ม
เลิกใช้ในรุ่น 1.4 ใช้ คลาส CSS แทน. เชื่อมโยงกับ data-role="button" องค์ประกอบปุ่มและการเชื่อมโยงในแถบเครื่องมือและช่องใส่มีสไตล์โดยอัตโนมัติเป็นปุ่มที่จำเป็นสำหรับการไม่มี data-role="button"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-corners | true | false | ระบุว่าปุ่มควรมีมุมโค้งมนหรือไม่ |
| data-icon | Icons Reference | ระบุไอคอนของปุ่ม เริ่มต้นคือไม่มีไอคอน |
| data-iconpos | left | right | top | bottom | notext | ระบุตำแหน่งของไอคอน |
| data-iconshadow | true | false | ระบุว่าไอคอนปุ่มควรมีเงาหรือไม่ |
| data-inline | true | false | ระบุว่าปุ่มที่ควรจะเป็นแบบอินไลน์หรือไม่ |
| data-mini | true | false | ระบุว่าปุ่มควรมีขนาดเล็กหรือปกติ |
| data-shadow | true | false | ระบุว่าปุ่มควรมีเงาหรือไม่ |
| data-theme | letter (a-z) | ระบุชุดรูปแบบสีของปุ่ม |
ไปยังกลุ่มหลายปุ่มให้ใช้ภาชนะที่มี data-role="controlgroup" แอตทริบิวต์ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะปุ่มกลุ่มแนวนอนหรือแนว
ช่องทำเครื่องหมาย
คู่ของป้ายและปัจจัยการผลิตที่มี type="checkbox"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-mini | true | false | ระบุว่าช่องควรมีขนาดเล็กหรือปกติ |
| data-role | none | ป้องกันไม่ให้ jQuery มือถือไปยังช่องทำเครื่องหมายสไตล์เป็นปุ่ม |
| data-theme | letter (a-z) | ระบุสีรูปแบบของช่อง |
ไปยังกลุ่มช่องทำหลายใช้ data-role="controlgroup" ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะกลุ่มช่องทำเครื่องหมายแนวนอนหรือแนว
พับได้
องค์ประกอบส่วนหัวตามด้วยมาร์กอัป HTML ใด ๆ ภายในภาชนะที่มีเป็น data-role="collapsible"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-collapsed | true | false | ระบุว่าเนื้อหาควรจะปิดหรือขยาย |
| data-collapsed-cue-text | sometext | ระบุข้อความบางส่วนที่จะให้การตอบรับเสียงสำหรับผู้ใช้ที่มีซอฟแวร์โปรแกรมอ่านหน้าจอ เริ่มต้นคือ "คลิกเพื่อยุบเนื้อหา" |
| data-collapsed-icon | Icons Reference | ระบุไอคอนของปุ่มพับ เริ่มต้นเป็น "บวก" |
| data-content-theme | letter (a-z) | ระบุสีรูปแบบของเนื้อหาที่พับ นอกจากนี้ยังจะเพิ่มมุมโค้งมนไปยังเนื้อหาที่พับ |
| data-expanded-cue-text | sometext | ระบุข้อความบางส่วนที่จะให้การตอบรับเสียงสำหรับผู้ใช้ที่มีซอฟแวร์โปรแกรมอ่านหน้าจอ เริ่มต้นคือ "คลิกเพื่อขยายเนื้อหา" |
| data-expanded-icon | Icons Reference | ระบุไอคอนของปุ่มพับเมื่อเนื้อหาที่มีการขยายตัว เริ่มต้นเป็น "minus" |
| data-iconpos | left | right | top | bottom | ระบุตำแหน่งของไอคอน |
| data-inset | true | false | ระบุว่าปุ่มพับควรได้รับการตกแต่งด้วยมุมโค้งมนและกำไรบางส่วนหรือไม่ |
| data-mini | true | false | ระบุว่าปุ่มพับควรมีขนาดเล็กหรือปกติ |
| data-theme | letter (a-z) | ระบุชุดรูปแบบสีของปุ่มพับ |
ชุดพับ
บล็อกเนื้อหาพับภายในภาชนะที่มีเป็น data-role="collapsibleset"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-collapsed-icon | Icons Reference | ระบุไอคอนของปุ่มพับ เริ่มต้นเป็น "บวก" |
| data-content-theme | letter (a-z) | ระบุสีรูปแบบของเนื้อหาที่พับ |
| data-expanded-icon | Icons Reference | ระบุไอคอนของปุ่มพับเมื่อเนื้อหาที่มีการขยายตัว เริ่มต้นเป็น "ลบ" |
| data-iconpos | left | right | top | bottom | notext | ระบุตำแหน่งของไอคอน |
| data-inset | true | false | ระบุว่า collapsibles ควรได้รับการตกแต่งด้วยมุมโค้งมนและกำไรบางส่วนหรือไม่ |
| data-mini | true | false | ระบุว่าปุ่มพับควรมีขนาดเล็กหรือปกติ |
| data-theme | letter (a-z) | ระบุชุดรูปแบบสีของชุดพับ |
เนื้อหา
คัดค้านในรุ่น 1.4 และจะถูกลบออกใน 1.5. ภาชนะที่มี data-role="content"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-theme | letter (a-z) | ระบุสีรูปแบบของเนื้อหา |
กลุ่มควบคุม
<div> หรือ <fieldset> ภาชนะที่มี data-role="controlgroup" กลุ่มปุ่มสไตล์ของปัจจัยการผลิตชนิดเดียว (ปุ่ม Link-based, ปุ่มช่องทำเครื่องหมายเลือกองค์ประกอบ) หลาย สำหรับการจัดกลุ่มช่องทำแบบฟอร์มและปุ่มวิทยุ <fieldset> ภาชนะขอแนะนำภายใน <div> กับ "ui-fieldcontain" ระดับในการปรับปรุงฉลากจัดแต่งทรงผม
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-exclude-invisible | true | false | ระบุว่าจะไม่รวมเด็กที่มองไม่เห็นในการกำหนดมุมโค้งมน |
| data-mini | true | false | ระบุว่ากลุ่มควรมีขนาดเล็กหรือปกติ |
| data-theme | letter (a-z) | ระบุสีรูปแบบของ controlgroup |
| data-type | horizontal | vertical | ระบุว่ากลุ่มที่ควรได้รับในแนวนอนหรือแนวตั้งแสดง |
โต้ตอบ
ภาชนะที่มี data-dialog="true"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-close-btn | left | right | none | ระบุตำแหน่งของปุ่มปิด |
| data-close-btn-text | sometext | ระบุข้อความสำหรับปุ่มปิด |
| data-corners | true | false | ระบุว่าโต้ตอบควรมีมุมโค้งมนหรือไม่ |
| data-dom-cache | true | false | ระบุว่าการล้างแคช jQuery DOM หรือไม่ได้สำหรับหน้าเว็บแต่ละหน้า (ถ้าตั้งค่าเป็นจริงคุณจะต้องดูแลการจัดการ DOM ตัวเองและการทดสอบอย่างละเอียดเกี่ยวกับโทรศัพท์มือถือทั้งหมด) |
| data-overlay-theme | letter (a-z) | ระบุสีที่ซ้อนทับ (พื้นหลัง) ของหน้าโต้ตอบ |
| data-theme | letter (a-z) | ระบุสีธีมของหน้าโต้ตอบ |
| data-title | sometext | ระบุชื่อสำหรับหน้าโต้ตอบ |
การเพิ่มพูน
ภาชนะที่มี data-enhance="false" หรือ data-ajax="false"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-enhance | true | false | ถ้าตั้งค่าเป็น "true" (เริ่มต้น) jQuery มือถือโดยอัตโนมัติจะรูปแบบหน้าทำให้มันเหมาะสำหรับอุปกรณ์มือถือ ถ้าตั้งค่าเป็น "เท็จ" กรอบจะไม่ใช่สไตล์หน้า |
| data-ajax | true | false | ระบุว่าในการโหลดหน้าเว็บผ่านทางอาแจ็กซ์หรือไม่ |
หมายเหตุ: data-enhance="false" จะต้องใช้ร่วมกับ $.mobile.ignoreContentEnabled=true" จะหยุด jQuery มือถือไปยังหน้าสไตล์โดยอัตโนมัติ
ลิงค์หรือรูปแบบใด ๆ องค์ประกอบภายใน data-ajax="false" ภาชนะที่จะได้รับการปฏิเสธโดยฟังก์ชั่นนำทางกรอบเมื่อ $.mobile.ignoreContentEnabled กำหนดเป็นจริง
สนามคอนเทนเนอร์
คัดค้านในรุ่น 1.4 และจะถูกลบออกใน 1.5 ใช้ class="ui-fieldcontain instead" . ภาชนะที่มี data-role="fieldcontain" ห่อรอบฉลาก / องค์ประกอบแบบฟอร์มคู่
แถบเครื่องมือคงที่
ภาชนะที่มี data-role="header" หรือ data-role="footer" ร่วมกับ data-position="fixed" แอตทริบิวต์
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-disable-page-zoom | true | false | ระบุว่าผู้ใช้จะสามารถที่จะไต่ / ซูมหน้าหรือไม่ |
| data-fullscreen | true | false | ระบุแถบเครื่องมือที่มักจะถูกวางตำแหน่งที่ด้านบนและ / หรือด้านล่าง |
| data-tap-toggle | true | false | ระบุว่าผู้ใช้สามารถสลับแถบเครื่องมือการมองเห็นก๊อก / การคลิกหรือไม่ |
| data-transition | slide | fade | none | ระบุผลการเปลี่ยนแปลงเมื่อแตะ / คลิกเกิดขึ้น |
| data-update-page-padding | true | false | ระบุช่องว่างของทั้งสองด้านบนและด้านล่างของหน้าได้รับการปรับปรุงในการปรับขนาด, การเปลี่ยนแปลงและ "updatelayout" กิจกรรม (มือถือ jQuery เสมอปรับปรุง padding บน "pageshow" เหตุการณ์) |
| data-visible-on-page-show | true | false | ระบุแถบเครื่องมือการมองเห็นเมื่อเพจผู้ปกครองจะแสดง |
เปลี่ยนสลับพลิก
<input type="checkbox"> มีข้อมูลบทบาทของ "flipswitch" :
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-mini | true | false | สวิทช์ระบุว่าควรจะมีขนาดเล็กหรือปกติ |
| data-on-text | sometext | ระบุ "กับ" ข้อความบนสวิทช์พลิก (ค่าเริ่มต้นคือ "On" ) |
| data-off-text | sometext | ระบุข้อความ "ปิด" สวิทช์พลิก (ค่าปกติคือ "Off" ) |
ฟุตบอล
ภาชนะที่มี data-role="footer"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-id | sometext | ระบุรหัสเฉพาะ ที่จำเป็นสำหรับส่วนท้ายถาวร |
| data-position | inline | fixed | ระบุว่าส่วนท้ายที่ควรจะสอดคล้องกับเนื้อหาของหน้าเว็บหรือยังคงอยู่ในตำแหน่งที่ด้านล่าง |
| data-fullscreen | true | false | ระบุว่าส่วนท้ายควรได้ตำแหน่งที่ด้านล่างและเนื้อหาหน้าเว็บ (เล็กน้อยดูผ่าน) หรือไม่ |
| data-theme | letter (a-z) | ระบุสีรูปแบบของส่วนท้าย |
หมายเหตุ: เมื่อต้องการเปิดใช้ตำแหน่งเต็มหน้าจอการใช้งาน data-position="fixed" แล้วเพิ่ม data-fullscreen แอตทริบิวต์องค์ประกอบ
ส่วนหัว
ภาชนะที่มี data-role="header"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-id | sometext | ระบุรหัสเฉพาะ ที่จำเป็นสำหรับส่วนหัวถาวร |
| data-position | inline | fixed | ระบุว่าส่วนหัวควรจะสอดคล้องกับเนื้อหาของหน้าเว็บหรือยังคงอยู่ในตำแหน่งที่ด้านบน |
| data-fullscreen | true | false | ระบุว่าส่วนหัวควรจะอยู่ในตำแหน่งที่ด้านบนและเนื้อหาหน้าเว็บ (เล็กน้อยดูผ่าน) หรือไม่ |
| data-theme | letter (a-z) | ระบุชุดรูปแบบสีของส่วนหัว |
หมายเหตุ: เมื่อต้องการเปิดใช้ตำแหน่งเต็มหน้าจอการใช้งาน data-position="fixed" แล้วเพิ่ม data-fullscreen แอตทริบิวต์องค์ประกอบ
ปัจจัยการผลิต
ปัจจัยการผลิตที่มี type="text|search|etc." หรือ textarea elements
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-clear-btn | true | false | ระบุว่าการป้อนข้อมูลที่ควรจะมี "clear" ปุ่ม |
| data-clear-btn-text | text | ระบุข้อความสำหรับปุ่ม "ชัดเจน" แล้ว เริ่มต้นคือ "clear text" |
| data-mini | true | false | ระบุว่าการป้อนข้อมูลที่ควรจะมีขนาดเล็กหรือปกติ |
| data-role | none | ป้องกันไม่ให้มือถือ jQuery กับรูปแบบอินพุต / textareas เป็นปุ่ม |
| data-theme | letter (a-z) | ระบุสีรูปแบบของช่องใส่ |
ลิงค์
การเชื่อมโยงทั้งหมด
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-ajax | true | false | ระบุว่าในการโหลดหน้าเว็บผ่านทางอาแจ็กซ์สำหรับประสบการณ์การใช้งานที่ดีขึ้นและการเปลี่ยน ถ้าตั้งค่าเป็นเท็จมือถือ jQuery จะทำคำขอหน้าเว็บปกติ |
| data-direction | reverse | ย้อนกลับการเปลี่ยนแปลงภาพเคลื่อนไหว (เฉพาะสำหรับหน้าเว็บหรือโต้ตอบ) |
| data-dom-cache | true | false | ระบุว่าการล้างแคช jQuery DOM หรือไม่ได้สำหรับหน้าเว็บแต่ละหน้า (ถ้าตั้งค่าเป็นจริงคุณจะต้องดูแลการจัดการ DOM ตัวเองและการทดสอบอย่างละเอียดเกี่ยวกับโทรศัพท์มือถือทั้งหมด) |
| data-prefetch | true | false | ระบุว่าจะ prefetch หน้าเข้าไปใน DOM เพื่อที่พวกเขาจะสามารถใช้ได้เมื่อผู้ใช้เข้าชมพวกเขา |
| data-rel | back | dialog | external | popup | ระบุตัวเลือกสำหรับวิธีการเชื่อมโยงควรประพฤติ กลับ - เลื่อนขั้นตอนหนึ่งที่ย้อนกลับไปในประวัติศาสตร์ โต้ตอบ - เปิดการเชื่อมโยงเป็นโต้ตอบไม่ได้ติดตามในประวัติศาสตร์ ภายนอก - สำหรับการเชื่อมโยงไปยังโดเมนอื่น ป๊อปอัพ - เปิดหน้าต่างป๊อปอัพ |
| data-transition | fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none | ระบุวิธีการเปลี่ยนไปจากหน้าหนึ่งไปยังอีก ดูของเรา มือถือ jQuery เปลี่ยน บท |
| data-position-to | origin | jQuery selector | window | ระบุตำแหน่งของกล่องป๊อปอัพ แหล่งกำเนิด - เริ่มต้น ตำแหน่งป๊อปอัพผ่านการเชื่อมโยงที่เปิดมัน jQuery เลือก - ตำแหน่งป๊อปอัพมากกว่าองค์ประกอบที่ระบุ Window - ตำแหน่งป๊อปอัพที่อยู่ตรงกลางของหน้าจอหน้าต่าง |
รายการ
<ol> หรือ <ul> มี data-role="listview"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-autodividers | true | false | ระบุว่าจะแบ่งรายการหรือไม่โดยอัตโนมัติ |
| data-count-theme | letter (a-z) | ระบุสีรูปแบบของฟองนับ |
| data-divider-theme | letter (a-z) | ระบุสีที่รูปแบบของการแบ่งรายการ |
| data-filter | true | false | ระบุว่าจะเพิ่มช่องค้นหาในรายการหรือไม่ |
| data-filter-placeholder | sometext | เลิกใช้ในรุ่น 1.4 ใช้แอตทริบิวต์ยึด HTML แทน. ระบุข้อความในช่องค้นหา เริ่มต้นเป็นรายการ "กรอง ... " |
| data-filter-theme | letter (a-z) | ระบุสีรูปแบบของตัวกรองการค้นหา |
| data-icon | Icons Reference | ระบุไอคอนของรายการ |
| data-inset | true | false | ระบุว่ารายการที่ควรจะตกแต่งด้วยมุมโค้งมนและกำไรบางส่วนหรือไม่ |
| data-split-icon | Icons Reference | ระบุไอคอนปุ่มแยก เริ่มต้นคือ "ลูกศร-R" |
| data-split-theme | letter (a-z) | ระบุสีรูปแบบของปุ่มแยก |
| data-theme | letter (a-z) | ระบุสีรูปแบบของรายการ |
รายการ
<li> ภายใน <ol> หรือ <ul> มี data-role="listview"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-filtertext | sometext | ระบุข้อความเพื่อค้นหาเมื่อกรององค์ประกอบ จากนั้นข้อความนี้จะถูกกรองแทนข้อความรายการที่เกิดขึ้นจริง |
| data-icon | Icons Reference | ระบุไอคอนของรายการรายการ |
| data-role | list-divider | ระบุ divider สำหรับรายการรายการ |
| data-theme | letter (a-z) | ระบุสีรูปแบบของรายการสินค้า |
หมายเหตุ: ไอคอนข้อมูลแอตทริบิวต์การทำงานเฉพาะในรายการมีการเชื่อมโยง
Navbar
<li> องค์ประกอบภายในภาชนะที่มี data-role="navbar"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-icon | Icons Reference | ระบุไอคอนของรายการรายการ |
| data-iconpos | left | right | top | bottom | notext | ระบุตำแหน่งของไอคอน |
Navbars สืบทอดธีมสวอตช์จากคอนเทนเนอร์หลักของพวกเขา มันเป็นไปไม่ได้ที่จะตั้งแอตทริบิวต์ข้อมูลชุดรูปแบบเพื่อ Navbar แอตทริบิวต์ข้อมูลรูปแบบที่สามารถตั้งค่าเป็นรายบุคคลเพื่อการเชื่อมโยงภายใน Navbar แต่ละ
หน้า
ภาชนะที่มี data-role="page"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-dom-cache | true | false | ระบุว่าการล้างแคช jQuery DOM หรือไม่ได้สำหรับหน้าเว็บแต่ละหน้า (ถ้าตั้งค่าเป็นจริงคุณจะต้องดูแลการจัดการ DOM ตัวเองและการทดสอบอย่างละเอียดเกี่ยวกับโทรศัพท์มือถือทั้งหมด) |
| data-overlay-theme | letter (a-z) | ระบุสีที่ซ้อนทับ (พื้นหลัง) หน้าโต้ตอบ |
| data-theme | letter (a-z) | ระบุสีธีมของหน้า |
| data-title | sometext | ระบุชื่อหน้า |
| data-url | url | คุ้มค่าสำหรับการปรับปรุง URL แทนของ URL ใช้ในการร้องขอหน้า |
ป๊อปอัพ
ภาชนะที่มี data-role="popup"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-corners | true | false | ระบุว่าป๊อปอัพควรมีมุมโค้งมนหรือไม่ |
| data-dismissible | true | false | ระบุว่าป๊อปอัพควรจะปิดโดยการคลิกที่ด้านนอกของป๊อปอัพหรือไม่ |
| data-history | true | false | ระบุว่าป๊อปอัพควรสร้างรายการประวัติเบราเซอร์เมื่อเปิด ถ้าตั้งค่าเป็นเท็จก็จะไม่สร้างรายการประวัติแล้วจะไม่ closeable ผ่านทางปุ่มเบราว์เซอร์ "ย้อนกลับ" |
| data-overlay-theme | letter (a-z) | ระบุสีที่ซ้อนทับ (พื้นหลัง) จากกล่องป๊อปอัพ เริ่มต้นเป็นพื้นหลังโปร่งใส (ไม่มี) |
| data-shadow | true | false | ระบุว่ากล่องป๊อปอัพควรมีเงาหรือไม่ |
| data-theme | letter (a-z) | ระบุสีรูปแบบของกล่องป๊อปอัพ เริ่มต้นสืบทอด "none" ชุดป๊อปอัพเพื่อความโปร่งใส |
| data-tolerance | 30, 15, 30, 15 | ระบุระยะทางจากขอบของหน้าต่าง ( top, right, bottom, left ) |
สมอกับ data-rel="popup" :
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-position-to | origin | jQuery selector | window | ระบุตำแหน่งของกล่องป๊อปอัพ แหล่งกำเนิด - เริ่มต้น ตำแหน่งป๊อปอัพผ่านการเชื่อมโยงที่เปิดมัน jQuery เลือก - ตำแหน่งป๊อปอัพมากกว่าองค์ประกอบที่ระบุ Window - ตำแหน่งป๊อปอัพที่อยู่ตรงกลางของหน้าจอหน้าต่าง |
| data-rel | popup | สำหรับการเปิดกล่องป๊อปอัพ |
| data-transition | fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none | ระบุวิธีการเปลี่ยนไปจากหน้าหนึ่งไปยังอีก ดูของเรา มือถือ jQuery เปลี่ยน บท |
ปุ่ม
คู่ของป้ายและปัจจัยการผลิตที่มี type="radio"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-mini | true | false | ระบุว่าปุ่มควรมีขนาดเล็กหรือปกติ |
| data-role | none | ป้องกันไม่ให้มือถือ jQuery สไตล์ radiobuttons เป็นปุ่มเพิ่ม |
| data-theme | letter (a-z) | ระบุสีรูปแบบของปุ่ม |
ไปยังกลุ่มปุ่มหลายใช้ data-role="controlgroup" ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะกลุ่มปุ่มแนวนอนหรือแนว
เลือก
ทั้งหมด <select> องค์ประกอบ
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-icon | Icons Reference | ระบุไอคอนขององค์ประกอบที่เลือก เริ่มต้นคือ "arrow-d" |
| data-iconpos | left | right | top | bottom | notext | ระบุตำแหน่งของไอคอน |
| data-inline | true | false | ระบุว่าการเลือกองค์ประกอบที่ควรจะเป็นแบบอินไลน์หรือไม่ |
| data-mini | true | false | ระบุว่าการเลือกควรมีขนาดเล็กหรือปกติ |
| data-native-menu | true | false | เมื่อตั้งค่าเป็นเท็จจะใช้เลือกเมนูกำหนดเองของ jQuery (แนะนำถ้าคุณต้องการเลือกเมนูเพื่อแสดงเดียวกันบนโทรศัพท์มือถือทั้งหมด) |
| data-overlay-theme | letter (a-z) | ระบุสีที่รูปแบบของการเลือกเมนูของ jQuery กำหนดเอง (ใช้ร่วมกับ data-native-menu="false" ) |
| data-placeholder | true | false | สามารถตั้งค่าบน <option> องค์ประกอบของที่ไม่ใช่เจ้าของภาษาเลือก |
| data-role | none | ป้องกันไม่ให้มือถือ jQuery สไตล์องค์ประกอบที่เลือกเป็นปุ่ม |
| data-theme | letter (a-z) | ระบุสีรูปแบบขององค์ประกอบที่เลือก |
ไปยังกลุ่มหลายองค์ประกอบเลือกใช้ data-role="controlgroup" ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะกลุ่มองค์ประกอบในแนวนอนหรือแนวตั้ง
Slider
ปัจจัยการผลิตที่มี type="range"
| ข้อมูลแอตทริบิวต์ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| data-highlight | true | false | ระบุว่าการติดตามเลื่อนจะถูกเน้นอยู่หรือไม่ |
| data-mini | true | false | ระบุว่าจะเลื่อนควรจะมีขนาดเล็กหรือปกติ |
| data-role | none | ป้องกันไม่ให้มือถือ jQuery กับการควบคุมการเลื่อนสไตล์เป็นปุ่ม |
| data-theme | letter (a-z) | ระบุสีที่รูปแบบของการควบคุมตัวเลื่อน (การป้อนข้อมูลการจัดการและติดตาม) |
| data-track-theme | letter (a-z) | ระบุสีที่รูปแบบของการติดตามตัวเลื่อน |