ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery Mobileแอตทริบิวต์ข้อมูล


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-inlinetrue | false ระบุว่าปุ่มที่ควรจะเป็นแบบอินไลน์หรือไม่
data-minitrue | false ระบุว่าปุ่มควรมีขนาดเล็กหรือปกติ
data-shadow true | false ระบุว่าปุ่มควรมีเงาหรือไม่
data-theme letter (a-z) ระบุชุดรูปแบบสีของปุ่ม

ไปยังกลุ่มหลายปุ่มให้ใช้ภาชนะที่มี data-role="controlgroup" แอตทริบิวต์ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะปุ่มกลุ่มแนวนอนหรือแนว


ช่องทำเครื่องหมาย

คู่ของป้ายและปัจจัยการผลิตที่มี type="checkbox"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-minitrue | false ระบุว่าช่องควรมีขนาดเล็กหรือปกติ
data-rolenone ป้องกันไม่ให้ 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-minitrue | 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-minitrue | 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-minitrue | false ระบุว่ากลุ่มควรมีขนาดเล็กหรือปกติ
data-theme letter (a-z) ระบุสีรูปแบบของ controlgroup
data-typehorizontal | vertical ระบุว่ากลุ่มที่ควรได้รับในแนวนอนหรือแนวตั้งแสดง

โต้ตอบ

ภาชนะที่มี data-dialog="true"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-close-btn left | right | none ระบุตำแหน่งของปุ่มปิด
data-close-btn-text sometext ระบุข้อความสำหรับปุ่มปิด
data-corners true | false  ระบุว่าโต้ตอบควรมีมุมโค้งมนหรือไม่
data-dom-cachetrue | 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-fullscreentrue | 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-minitrue | false สวิทช์ระบุว่าควรจะมีขนาดเล็กหรือปกติ
data-on-text sometext ระบุ "กับ" ข้อความบนสวิทช์พลิก (ค่าเริ่มต้นคือ "On" )
data-off-text sometext ระบุข้อความ "ปิด" สวิทช์พลิก (ค่าปกติคือ "Off" )

ฟุตบอล

ภาชนะที่มี data-role="footer"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-id sometext ระบุรหัสเฉพาะ ที่จำเป็นสำหรับส่วนท้ายถาวร
data-position inline | fixed ระบุว่าส่วนท้ายที่ควรจะสอดคล้องกับเนื้อหาของหน้าเว็บหรือยังคงอยู่ในตำแหน่งที่ด้านล่าง
data-fullscreentrue | false ระบุว่าส่วนท้ายควรได้ตำแหน่งที่ด้านล่างและเนื้อหาหน้าเว็บ (เล็กน้อยดูผ่าน) หรือไม่
data-theme letter (a-z) ระบุสีรูปแบบของส่วนท้าย

หมายเหตุ: เมื่อต้องการเปิดใช้ตำแหน่งเต็มหน้าจอการใช้งาน data-position="fixed" แล้วเพิ่ม data-fullscreen แอตทริบิวต์องค์ประกอบ


ส่วนหัว

ภาชนะที่มี data-role="header"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-id sometext ระบุรหัสเฉพาะ ที่จำเป็นสำหรับส่วนหัวถาวร
data-position inline | fixed ระบุว่าส่วนหัวควรจะสอดคล้องกับเนื้อหาของหน้าเว็บหรือยังคงอยู่ในตำแหน่งที่ด้านบน
data-fullscreentrue | false ระบุว่าส่วนหัวควรจะอยู่ในตำแหน่งที่ด้านบนและเนื้อหาหน้าเว็บ (เล็กน้อยดูผ่าน) หรือไม่
data-theme letter (a-z) ระบุชุดรูปแบบสีของส่วนหัว

หมายเหตุ: เมื่อต้องการเปิดใช้ตำแหน่งเต็มหน้าจอการใช้งาน data-position="fixed" แล้วเพิ่ม data-fullscreen แอตทริบิวต์องค์ประกอบ


ปัจจัยการผลิต

ปัจจัยการผลิตที่มี type="text|search|etc." หรือ textarea elements

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-clear-btntrue | false ระบุว่าการป้อนข้อมูลที่ควรจะมี "clear" ปุ่ม
data-clear-btn-text text ระบุข้อความสำหรับปุ่ม "ชัดเจน" แล้ว เริ่มต้นคือ "clear text"
data-minitrue | false ระบุว่าการป้อนข้อมูลที่ควรจะมีขนาดเล็กหรือปกติ
data-rolenone ป้องกันไม่ให้มือถือ jQuery กับรูปแบบอินพุต / textareas เป็นปุ่ม
data-theme letter (a-z)  ระบุสีรูปแบบของช่องใส่

ลิงค์

การเชื่อมโยงทั้งหมด

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-ajax true | false ระบุว่าในการโหลดหน้าเว็บผ่านทางอาแจ็กซ์สำหรับประสบการณ์การใช้งานที่ดีขึ้นและการเปลี่ยน ถ้าตั้งค่าเป็นเท็จมือถือ jQuery จะทำคำขอหน้าเว็บปกติ
data-directionreverse ย้อนกลับการเปลี่ยนแปลงภาพเคลื่อนไหว (เฉพาะสำหรับหน้าเว็บหรือโต้ตอบ)
data-dom-cachetrue | false ระบุว่าการล้างแคช jQuery DOM หรือไม่ได้สำหรับหน้าเว็บแต่ละหน้า (ถ้าตั้งค่าเป็นจริงคุณจะต้องดูแลการจัดการ DOM ตัวเองและการทดสอบอย่างละเอียดเกี่ยวกับโทรศัพท์มือถือทั้งหมด)
data-prefetchtrue | false ระบุว่าจะ prefetch หน้าเข้าไปใน DOM เพื่อที่พวกเขาจะสามารถใช้ได้เมื่อผู้ใช้เข้าชมพวกเขา
data-relback | 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-autodividerstrue | false ระบุว่าจะแบ่งรายการหรือไม่โดยอัตโนมัติ
data-count-theme letter (a-z) ระบุสีรูปแบบของฟองนับ
data-divider-theme letter (a-z) ระบุสีที่รูปแบบของการแบ่งรายการ
data-filtertrue | false ระบุว่าจะเพิ่มช่องค้นหาในรายการหรือไม่
data-filter-placeholder sometext เลิกใช้ในรุ่น 1.4 ใช้แอตทริบิวต์ยึด HTML แทน. ระบุข้อความในช่องค้นหา เริ่มต้นเป็นรายการ "กรอง ... "
data-filter-theme letter (a-z) ระบุสีรูปแบบของตัวกรองการค้นหา
data-icon Icons Reference ระบุไอคอนของรายการ
data-insettrue | 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-rolelist-divider ระบุ divider สำหรับรายการรายการ
data-theme letter (a-z)  ระบุสีรูปแบบของรายการสินค้า

หมายเหตุ: ไอคอนข้อมูลแอตทริบิวต์การทำงานเฉพาะในรายการมีการเชื่อมโยง


Navbar

<li> องค์ประกอบภายในภาชนะที่มี data-role="navbar"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-icon Icons Reference ระบุไอคอนของรายการรายการ
data-iconposleft | right | top | bottom | notext ระบุตำแหน่งของไอคอน

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


หน้า

ภาชนะที่มี data-role="page"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-dom-cachetrue | false ระบุว่าการล้างแคช jQuery DOM หรือไม่ได้สำหรับหน้าเว็บแต่ละหน้า (ถ้าตั้งค่าเป็นจริงคุณจะต้องดูแลการจัดการ DOM ตัวเองและการทดสอบอย่างละเอียดเกี่ยวกับโทรศัพท์มือถือทั้งหมด)
data-overlay-theme letter (a-z)  ระบุสีที่ซ้อนทับ (พื้นหลัง) หน้าโต้ตอบ
data-theme letter (a-z)  ระบุสีธีมของหน้า
data-title sometext ระบุชื่อหน้า
data-urlurl คุ้มค่าสำหรับการปรับปรุง 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-tolerance30, 15, 30, 15 ระบุระยะทางจากขอบของหน้าต่าง ( top, right, bottom, left )

สมอกับ data-rel="popup" :

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-position-to origin | jQuery selector | window ระบุตำแหน่งของกล่องป๊อปอัพ แหล่งกำเนิด - เริ่มต้น ตำแหน่งป๊อปอัพผ่านการเชื่อมโยงที่เปิดมัน jQuery เลือก - ตำแหน่งป๊อปอัพมากกว่าองค์ประกอบที่ระบุ Window - ตำแหน่งป๊อปอัพที่อยู่ตรงกลางของหน้าจอหน้าต่าง
data-relpopup สำหรับการเปิดกล่องป๊อปอัพ
data-transitionfade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none ระบุวิธีการเปลี่ยนไปจากหน้าหนึ่งไปยังอีก ดูของเรา มือถือ jQuery เปลี่ยน บท

ปุ่ม

คู่ของป้ายและปัจจัยการผลิตที่มี type="radio"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-minitrue | false ระบุว่าปุ่มควรมีขนาดเล็กหรือปกติ
data-rolenone ป้องกันไม่ให้มือถือ jQuery สไตล์ radiobuttons เป็นปุ่มเพิ่ม
data-theme letter (a-z) ระบุสีรูปแบบของปุ่ม

ไปยังกลุ่มปุ่มหลายใช้ data-role="controlgroup" ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะกลุ่มปุ่มแนวนอนหรือแนว


เลือก

ทั้งหมด <select> องค์ประกอบ

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-icon Icons Reference ระบุไอคอนขององค์ประกอบที่เลือก เริ่มต้นคือ "arrow-d"
data-iconposleft | right | top | bottom | notext ระบุตำแหน่งของไอคอน
data-inlinetrue | false ระบุว่าการเลือกองค์ประกอบที่ควรจะเป็นแบบอินไลน์หรือไม่
data-minitrue | false ระบุว่าการเลือกควรมีขนาดเล็กหรือปกติ
data-native-menu true | false เมื่อตั้งค่าเป็นเท็จจะใช้เลือกเมนูกำหนดเองของ jQuery (แนะนำถ้าคุณต้องการเลือกเมนูเพื่อแสดงเดียวกันบนโทรศัพท์มือถือทั้งหมด)
data-overlay-theme letter (a-z) ระบุสีที่รูปแบบของการเลือกเมนูของ jQuery กำหนดเอง (ใช้ร่วมกับ data-native-menu="false" )
data-placeholdertrue | false สามารถตั้งค่าบน <option> องค์ประกอบของที่ไม่ใช่เจ้าของภาษาเลือก
data-rolenone ป้องกันไม่ให้มือถือ jQuery สไตล์องค์ประกอบที่เลือกเป็นปุ่ม
data-theme letter (a-z) ระบุสีรูปแบบขององค์ประกอบที่เลือก

ไปยังกลุ่มหลายองค์ประกอบเลือกใช้ data-role="controlgroup" ร่วมกับ data-type="horizontal|vertical" เพื่อระบุว่าจะกลุ่มองค์ประกอบในแนวนอนหรือแนวตั้ง


Slider

ปัจจัยการผลิตที่มี type="range"

ข้อมูลแอตทริบิวต์ ความคุ้มค่า ลักษณะ
data-highlighttrue | false ระบุว่าการติดตามเลื่อนจะถูกเน้นอยู่หรือไม่
data-minitrue | false ระบุว่าจะเลื่อนควรจะมีขนาดเล็กหรือปกติ
data-rolenone ป้องกันไม่ให้มือถือ jQuery กับการควบคุมการเลื่อนสไตล์เป็นปุ่ม
data-theme letter (a-z) ระบุสีที่รูปแบบของการควบคุมตัวเลื่อน (การป้อนข้อมูลการจัดการและติดตาม)
data-track-theme letter (a-z) ระบุสีที่รูปแบบของการติดตามตัวเลื่อน