jQuery Mobile Data ປະສັບມາດ

jQuery Data Attributes

jQuery Mobile ນຳໃຊ້ HTML5 data-* ຄວາມມີຂໍ້ມູນເພື່ອສ້າງຄວາມທີ່ລະມັດກະມັດສຳລັບອຸປະກອນສັນຍານ.

ໃນລາຍການຂໍ້ມູນທີ່ມີວິວັດທະນາການພາຍໃຕ້ວ່າວິວັດທະນາການຄົງທີ່ມີຄວາມພິເສດ.

Button

ທາງເຊື່ອມທີ່ມີ data-role="button". ປະກອບສະມາຊິກຕົວແທນຂອງຕາມຫົວໜ້າ ແລະ ພວກກັນຄວາມກ່ຽວຂ້ອງ ແລະ ບາງອັນສຳນັກງານບາງອັນຈະຖືກການຈັດວັດຖຸກົດສະຫຼຸບຄະແນນ ໂດຍບໍ່ຕ້ອງມີ data-role="button".

Data 属性 值 描述
Popup 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 ການກໍານົດຂະໜາດຂອງຄະແນນຈະແມ່ນຫນຶ່ງຂອງຫນຶ່ງຂອງຫນຶ່ງຂອງຫນຶ່ງ.
ກໍານົດສີສະໜາມທີ່ຕິດຕັ້ງ popup. ຄົນທຳມະດາ ຈະຮັບຮອງ, "none" ຈະຖືກຈັດໃຫ້ບໍ່ມີສີສະໜາມ. true | false ການກໍານົດການມີສິນລົມຢູ່ຄະແນນ.
data-theme letter (a-z) ການກໍານົດສີສັນຍາສັກສິນຂອງຄະແນນ.

ຄຳແນະນຳ:ສະແດງຫລາຍຄະແນນຫນຶ່ງໃດ ຂ້ອຍຈະໃຊ້ບັນຊີດັບປະເພດ data-role="controlgroup" ແລະ data-type="horizontal|vertical" ເພື່ອການປະກາດວ່າຈະປະສົມພິມບັນນາທິດຕາມລະດັບທີ່ຍາວຫລາຍຫນຶ່ງຫລາຍສອງ.

Checkbox

label 和 type="checkbox" 的 input 是成对的。会被自动设置为按钮的样式，无需 data-role。

Data 属性 值 描述
data-mini true | false 规定复选框是小型的还是常规尺寸的。
data-role none label ແລະ input ທີ່ type="checkbox" ແມ່ນປະກອບຕົວກັນ. ຈະຖືກການກະຈາຍຄືກັບຄູ່ມື, ບໍ່ຕ້ອງມີ data-role.
data-theme letter (a-z) ກໍານົດຄູ່ມືນ້ອຍຫຼືຄູ່ມືລະບົບ.

ຄຳແນະນຳ:ປ້ອງກັນ jQuery Mobile ທີ່ຈະການສະແດງຄູ່ມືການເລືອກຄືກັບຄູ່ມື.

ກໍານົດລັດຖະບານສີລະບາຍຂອງຄູ່ມືການເລືອກ.

ສຳລັບການຄູ່ມືຫຼາຍຄູ່ມື, ຂ້ອຍສະເໜີ data-role="controlgroup" ແລະ data-type="horizontal|vertical" ເພື່ອກໍານົດການຄູ່ມືຕອນກະສັດຫຼືຕອນພູມີລະບົບ.

Data 属性 值 描述
Collapsible true | false ປະກອບສີວິດ, ຫຼືຫຼັງຈາກບ່ອນການແບບທີ່ມີຄວາມຈິງ data-role="collapsible".
data-collapsed-icon Icons Reference data-collapsed
data-content-theme letter (a-z) ກໍານົດລັດຖະບານສີລະບາຍຂອງຄູ່ມືການກະຈາຍ.
data-expanded-icon Icons Reference ກໍານົດລັດຖະບານສີລະບາຍຂອງຂັ້ນລະບົບການກະຈາຍ.
data-iconpos ກໍານົດລັດຖະບານສີລະບາຍຂອງຂັ້ນລະບົບການກະຈາຍ. ກໍ່ຈະມີຮູບແບບສີຮູບກະຈາຍ. ກໍານົດຕາກັນຂອງບັນດາບັນຕາ.
data-inset true | false left | right | top | bottom
data-mini true | false ກໍານົດຄູ່ມືການກະຈາຍນ້ອຍຫຼືຄູ່ມືລະບົບ.
data-theme letter (a-z) ກໍານົດລັດຖະບານສີລະບາຍຂອງຄູ່ມືການກະຈາຍ.

Collapsible Set

ບ່ອນການແບບທີ່ມີຄວາມຈິງ data-role="collapsible-set".

Data 属性 值 描述
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) ກໍານົດລັດຖະບານສີລະບາຍຂອງຂັ້ນລະບົບການກະຈາຍ.

Content

ບ່ອນການແບບທີ່ມີຄວາມຈິງ data-role="content".

Data 属性 值 描述
data-theme letter (a-z) ກໍານົດລັດຖະບານສີລະບາຍຂອງຂັ້ນລະບົບ. ຄັ້ງກໍານົດຄົງແມ່ນ "c".

Controlgroup

ບ່ອນການແບບ <div> ຫຼື <fieldset> ທີ່ມີຄວາມຈິງ data-role="controlgroup". ການຄູ່ມືຄູ່ມືທີ່ມີຮູບແບບຄືນກັນຫຼື input ທີ່ມີຮູບແບບການເຊື່ອມຕໍ່ (ຄູ່ມືກາງຖະໜົນ, ຄູ່ມືເລືອກ, ຄູ່ມືການເລືອກ, ຄູ່ມືລະບົບການເລືອກ).

Data 属性 值 描述
data-mini true | false ກໍານົດຄູ່ມືລະບົບນ້ອຍຫຼືຄູ່ມືລະບົບມວນຊົນ.
data-type horizontal | vertical ກໍານົດການສະແດງຄູ່ມືລະບົບຕອນກະສັດຫຼືຕອນພູມີລະບົບ.

Dialog

ບ່ອນການແບບ data-role="dialog" ຫຼື ການເຊື່ອມຕໍ່ data-rel="dialog"。

Data 属性 值 描述
data-close-btn-text ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ການກໍານົດຂອງຄຳຂອງການປິດປະຕິບັດທີ່ຈະຖືກນຳໃຊ້ໃນປະຕິບັດ.
data-dom-cache true | false ການກໍານົດວ່າຈະລົບຂໍ້ມູນບາງບັນຫາຂອງ jQuery DOM (ຖ້າຖືກກວດກາໃຫ້ເປັນ true, ຈະຕ້ອງຮັບຮູ້ກ່ຽວກັບການຈັດການ DOM, ແລະທົດລອງທັງໝົດຂອງຄອມພິວເຕີບທີ່ເຄື່ອງນຳ).
data-overlay-theme letter (a-z) data-dom-cache
data-theme letter (a-z) ການກໍານົດສີສະຫລາຍຂອງບັນດາບັນຫາທີ່ປຶກສາ.
data-dom-cache ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ການກໍານົດຫົວຂໍ້ບັນດາບັນຫາທີ່ປຶກສາ.

Enhancement

ບັນດາບັນຫາທີ່ມີ data-enhance="false" ຫຼື data-ajax="false".

Data 属性 值 描述
data-enhance true | false ຖ້າຖືກກວດກາໃຫ້ເປັນ "true" (ຄົນເປັນສະຖານະຜູ້ນຳ), jQuery Mobile ຈະພັດທະນາຂໍ້ມູນບາງບັນຫາໃຫ້ຈະເປັນບາງບັນຫາທີ່ຈະເປັນບາງບັນຫາທີ່ຈະເປັນບາງບັນຫາ, ຖ້າຖືກກວດກາໃຫ້ເປັນ "false", ການກະກຽມຂອງການກະກຽມບັນດາບັນຫາຈະບໍ່ຖືກກະກຽມ.
data-ajax true | false ການກໍານົດວ່າຈະດາວນາຍຂໍ້ມູນບາງບັນຫາຈາກ AJAX.

ຄວາມເຫັນ:data-enhance="false" ເຊັ່ນການທົດລອງ $.mobile.ignoreContentEnabled=true" ເພື່ອປ້ອງກັນ jQuery Mobile ຈະພັດທະນາຂໍ້ມູນບາງບັນຫາ.

ບັນດາບັນຫາທີ່ມີ data-ajax="false" ໃນບັນດາບັນຫາທີ່ $.mobile.ignoreContentEnabled ຖືກກວດກາໃຫ້ເປັນ true, ຈະຖືກລະເມີດຈາກການນຳພາສານຳມາຈາກຄວາມສະນັບສະນູນຂອງຄອມພິວເຕີບ.

Fieldcontainer

Fieldcontainer

Fixed Toolbar

ບັນດາບັນຊີທີ່ມີລັກສະນະ data-role="header" ຫຼື data-role="footer" ແລະ data-position="fixed".

Data 属性 值 描述
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 ການກໍານົດຄວາມພັດທະນາຂອງຂໍ້ມູນບາງບັນຫາພາຍໃນບາງບັນຫາຂອງຂໍ້ມູນບາງບັນຫາພາຍໃນບາງບັນຫາຂອງຂໍ້ມູນບາງບັນຫາພາຍໃນບາງບັນຫາຂອງຂໍ້ມູນ (jQuery Mobile ຈະພັດທະນາຂໍ້ມູນພາຍໃນ "pageshow" ເຫດການ).
data-visible-on-page-show true | false ການກໍານົດຄວາມເຫັນຂອງຕາມອອກຫົວໜ້າຂອງອຸປະກອນ.

Flip Toggle Switch

ເອກະສານ <select> ທີ່ມີ data-role="slider" ແລະ ສອງ <option>.

Data 属性 值 描述
data-mini true | false ກຳນົດວ່າກະເຈຍຈະແມ່ນຂະໜາດນ້ອຍຫຼືຂະໜາດຫຼັກ.
data-role none ປ້ອງກັນ jQuery Mobile ຈະດຳເນີນການມີປະສົມວິທີການຂັບຂາວ.
data-theme letter (a-z) ກຳນົດສີສະໜາມສິ່ງສະແດງ.
data-track-theme letter (a-z) ກຳນົດສີສະໜາມສອງສາຍ.

Footer

ຄວາມໃຫຍ່ທີ່ມີ data-role="footer".

Data 属性 值 描述
data-id ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ກຳນົດ ID ທີ່ບໍ່ມີສິບຄົນ. ສຳຄັນສຳລັບຫົວເຫຼັກທີ່ຢູ່ມາຕະຫຼອດ.
data-position inline | fixed ກຳນົດວ່າຫົວເຫຼັກແລະເວັບໄຊແມ່ນການຕິດຕໍ່ຂອງຫຼັງກັນຫຼືກັບຫົວເຫຼັກຢູ່ທີ່ລຸ່ມສຸດ.
data-fullscreen true | false ກຳນົດເວັບໄຊຈະຢູ່ທີ່ລຸ່ມສຸດແລະການກະຈາຍສະນວນໃນເວັບໄຊ (ລະບາຍຫຼັງ).
data-theme letter (a-z) ກຳນົດສີສະໜາມຫົວເຫຼັກ. ຄາດການເປັນ "a".

ຄວາມເຫັນ:ສຳລັບການເປີດການຕັ້ງທີ່ຄົງຄັງ, ນຳໃຊ້ data-position="fixed" ແລະເພີ່ມ data-fullscreen ໃຫ້ກັບປະກອບ.

Header

ຄວາມໃຫຍ່ຂອງ data-role="header".

Data 属性 值 描述
data-id ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ກຳນົດ ID ທີ່ບໍ່ມີສິບຄົນ. ສຳຄັນສຳລັບຫົວໜ້າທີ່ຢູ່ມາຕະຫຼອດ.
data-position inline | fixed ກຳນົດວ່າຫົວໜ້າແລະເວັບໄຊແມ່ນການຕິດຕໍ່ຂອງຫຼັງກັນຫຼືກັບຫົວໜ້າຢູ່ທີ່ສູງສຸດ.
data-fullscreen true | false ກຳນົດເວັບໄຊຈະຢູ່ທີ່ສູງສຸດແລະການກະຈາຍສະນວນໃນເວັບໄຊ (ລະບາຍຫຼັງ).
data-theme letter (a-z) ກຳນົດສີສະໜາມຫົວໜ້າ. ຄາດການເປັນ "a".

ຄວາມເຫັນ:ສຳລັບການເປີດການຕັ້ງທີ່ຄົງຄັງ, ນຳໃຊ້ data-position="fixed" ແລະເພີ່ມ data-fullscreen ໃຫ້ກັບປະກອບ.

Link

ທັງໝົດການເຊື່ອມຕໍ່, ລວມທັງການເຊື່ອມຕໍ່ທີ່ມີ data-role="button" ແລະການສົ່ງຟັດຟາມ.

Data 属性 值 描述
data-ajax true | false ກຳນົດວ່າເວັບໄຊຈະຖືກອ້າງດ້ວຍ AJAX ເພື່ອປັບປຸງຄວາມມະນຸດຂອງຜູ້ນຳໃຊ້ແລະການເຄື່ອນຍ້າຍ. ຖ້າກຳນົດວ່າ false, jQuery Mobile ຈະດ້ວຍການຮຽກຮ້ອງເວັບໄຊຢ່າງປົກກະຕິ.
data-direction reverse ການປ່ຽນການເຄື່ອນຍ້າຍ (ພຽງແຕ່ເວັບໄຊຫຼືປະກາດ)
data-dom-cache true | false data-dom-cache
data-prefetch true | false ກຳນົດວ່າເວັບໄຊຈະຖືກນຳສະເໜີໄປໃນ DOM ເພື່ອຈະມີຄວາມມອບຂອງຜູ້ນຳໃຊ້.
data-rel back | dialog | external | popup ກຳນົດຕົວເລືອກທີ່ກ່ຽວກັບວິທີການດຳເນີນຂອງການເຊື່ອມຕໍ່. ກັບຄືນ - ເຄື່ອນຍ້າຍຫຼັງຂອງປະຫວັດສານ. ປະກາດ - ເປີດເວັບໄຊຄືກັບປະກາດ, ບໍ່ບັນທຶກໃນປະຫວັດສານ. ນອກ - ເຊື່ອມຕໍ່ດ້ານອື່ນ. ເປີດ - ເປີດປ່ອງອອກ.
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none ກໍານົດວ່າຈະປ່ຽນຕາມໜ້າບອກບາງກັບບອກບາງ. ພົບວິວັດ jQuery Mobile.
data-position-to origin | jQuery selector | window ກໍານົດຕັ້ງທີ່ popup. ແບບລະບົບ - ການເປີດການເຊື່ອມຕໍ່ທີ່ຈະປະກົດມາຫຼັງຈາກການເປີດ. jQuery selector - ປ່ອງຫຼັງຢູ່ບັນຊີທີ່ກໍານົດ. ປ່ອງຫຼັງ - ປ່ອງຫຼັງຢູ່ທາງກາງຂອງໜ້າຈໍານວນ.

List

ບັນຊີ <ol> ຫຼື <ul> ທີ່ມີອັດຕາ data-role="listview".

Data 属性 值 描述
data-autodividers true | false ກຳນົດຖານຂອງການອັດສະດາຈານລາຍການ. ພົນຕົວແມ່ນ "inset".
data-count-theme letter (a-z) ກຳນົດສີສະເພາະຂອງບັນຕາຂັບຄັບ. ພົນຕົວແມ່ນ "c".
data-divider-theme letter (a-z) ກຳນົດສີສະເພາະຂອງຕາມລາຍການ. ພົນຕົວແມ່ນ "b".
data-filter true | false ກຳນົດຖານຂອງບັນຕາຫາຫາ. ພົນຕົວແມ່ນ "inset".
data-filter-placeholder ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ກຳນົດຄວາມຂອງບັນຕາຫາຫາ. ພົນຕົວແມ່ນ "Filter items...".
data-filter-theme letter (a-z) ກຳນົດສີສະເພາະຂອງຄວາມຫາຫາບັນດາລາຍການ. ພົນຕົວແມ່ນ "c".
data-icon Icons Reference ກຳນົດພາບບອກຂອງລາຍການ.
data-inset true | false ກຳນົດຖານບອກຂອງລາຍການ. ພົນຕົວແມ່ນ "inset".
data-split-icon Icons Reference ກຳນົດພາບບອກຂອງຄຳຫຼັງກັບ. ພົນຕົວແມ່ນ "arrow-r".
data-split-theme letter (a-z) ກຳນົດສີສະເພາະຂອງຄຳຫຼັງກັບ. ພົນຕົວແມ່ນ "b".
data-theme letter (a-z) ກຳນົດສີສະເພາະຂອງລາຍການ.

List item

ບັນຊີ <li> ພາຍໃນ <ol> ຫຼື <ul> ທີ່ມີອັດຕາ data-role="listview".

Data 属性 值 描述
data-filtertext ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ກຳນົດຄວາມທີ່ຈະຫາຄັງໃນຂັ້ນຕອນການຫາຫາມີຫຼາຍຢ່າງ. ຄວາມທີ່ຫາຄັງຈະບໍ່ແມ່ນຄວາມທີ່ຈະຕິດຕາມລາຍການ.
data-icon Icons Reference ກຳນົດພາບບອກຂອງລາຍການ.
data-role list-divider ກຳນົດຕາມລາຍການ.
data-theme letter (a-z) ກຳນົດສີສະເພາະຂອງລາຍການ.

ຄວາມເຫັນ:ອັດຕາ data-icon ພຽງແຕ່ສະເພາະລາຍການທີ່ມີຫົວທາງ.

Navbar

ບັນຊີ <li> ພາຍໃນບັນຊີທີ່ມີອັດຕາ data-role="navbar".

Data 属性 值 描述
data-icon Icons Reference ກຳນົດພາບບອກຂອງລາຍການ.
data-iconpos left | right | top | bottom | notext ກໍານົດຕາກັນຂອງບັນດາບັນຕາ.

ຄຳແນະນຳ:ແບບ theme-swatch ຂອງຫົວໜ້າຫຼັກຖານຈະຖືກສ້າງຕາມບັນຊີຜູ້ປົກຄອງ. ການປັບຕັ້ງ data-theme ສຳລັບແບບແບບຫົວໜ້າຫຼັກຖານບໍ່ສາມາດເຮັດໄດ້. ສາມາດປັບຕັ້ງ data-theme ສຳລັບແບບຫົວໜ້າຫຼັກຖານຄົນຫຼືຫົວໜ້າຫຼັກຖານຄົນຫຼືຫົວໜ້າຫຼັກຖານຄົນ.

Page

ບັນຊີທີ່ມີອັດຕາ data-role="page".

Data 属性 值 描述
data-add-back-btn true | false ການເອົາຄຳຫຼັງກັບໄດ້ອັດສະດາຈານເຊິ່ງຈະຖືກໃຊ້ສຳລັບເພີ່ມໃສ່ເບື້ອງຫົວເຫດ.
data-back-btn-text ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". ກຳນົດຄວາມຂອງຄຳຫຼັງກັບ.
data-back-btn-theme letter (a-z) ກຳນົດສີສະເພາະຂອງຄຳຫຼັງກັບ.
data-close-btn-text letter (a-z) ກຳນົດຄວາມຂອງຄຳປິດຢື່ງສະເພາະທີ່ຢູ່ບັນຊີສົນທະນາ.
data-dom-cache true | false data-dom-cache
data-overlay-theme letter (a-z) data-dom-cache
data-theme letter (a-z) data-title
data-dom-cache ກໍານົດສີສະໜາມບອກເພີ່ມເພີງ. ຄົນທຳມະດາ ຈະຮັບຮອງ, "c". data-title
sometext ກໍານົດຫົວຂໍ້ບອກ. data-url

url

ຈຸດທີ່ຈະປັບໃຫ້ URL, ບໍ່ຈະປັບໃຫ້ຂໍຂໍ້ມູນ.

Data 属性 值 描述
Popup true | false ທ້າທາຍທີ່ມີ data-role="popup".
data-overlay-theme letter (a-z) data-corners
ກໍານົດສີສະໜາມທີ່ຕິດຕັ້ງ popup. ຄົນທຳມະດາ ຈະຮັບຮອງ, "none" ຈະຖືກຈັດໃຫ້ບໍ່ມີສີສະໜາມ. true | false data-shadow
data-theme letter (a-z) ກໍານົດສີສະໜາມ popup. ຄົນທຳມະດາ ຈະຮັບຮອງ, "none" ຈະຖືກຈັດໃຫ້ບໍ່ມີສີສະໜາມ.
data-tolerance 30, 15, 30, 15 ກໍານົດວ່າຈະຫ່າງຈາກຂ້າງປ່ອງ (top, right, bottom, left).

ທ້າທາຍທີ່ມີ data-rel="popup".

Data 属性 值 描述
data-position-to origin | jQuery selector | window ກໍານົດຕັ້ງທີ່ popup. Origin - ຄົນທຳມະດາ. Popup ຈະຢູ່ພາຍໃນການເປີດທາງຫົວ. jQuery selector - popup ຈະຢູ່ພາຍໃນປະກອບທີ່ກໍານົດ. Window - popup ຈະຢູ່ທາງກາງໜ້າປ່ອງ.
data-rel popup ສະແດງວ່າຈະເປີດ popup.
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none ກໍານົດວ່າຈະປ່ຽນຕາມໜ້າບອກບາງກັບບອກບາງ. ພົບວິວັດ jQuery Mobile.

Radio Button

label ແລະ input ທີ່ມີ type="radio" ຈະຖືກຈັດໃຫ້ເປັນ style button ແລະບໍ່ຕ້ອງມີ data-role.

Data 属性 值 描述
data-mini true | false ກໍານົດວ່າຄູ່ຄືນຈະແມ່ນຫຼາຍລຳນ້ອຍຫຼືຫຼາຍລຳຄົນ.
data-role none ຕັດສິນລວມ jQuery Mobile ທີ່ຈະປ່ຽນລວມຄູ່ຄືນເປັນ style enhanced buttons.
data-theme letter (a-z) ກໍານົດສີສະໜາມຄູ່ຄືນ.

ຄຳແນະນຳ:ສະແດງວ່າຈະການລວມຄູ່ກັບຄູ່ຄືນຫຼາຍລູກຄືນ ຕົກລົງໃຊ້ data-role="controlgroup" ແລະ data-type="horizontal|vertical" ເພື່ອກໍານົດວ່າຈະລວມຄູ່ກັບຫຼາຍລູກຫຼາຍລຳດັ່ງກາວລະຫວ່າງສະໜາມຫຼາຍລຳ.

Select

ທຸກ <select> ປະເພດ. ຈະຖືກການຈັດວັດຖຸແບບຂັ້ນຈຸດ, ບໍ່ຕ້ອງ date-role.

Data 属性 值 描述
data-icon Icons Reference ກໍານົດບັນດາບັນຕາ select. ຄົນທໍາອິດຈະແມ່ນ "arrow-d".
data-iconpos left | right | top | bottom | notext ກໍານົດຕາກັນຂອງບັນດາບັນຕາ.
data-inline true | false ກໍານົດ select ປະເພດຈະແມ່ນຢູ່ທາງບານຫຼືບໍ່.
data-mini true | false ກໍານົດ select ປະເພດຈະແມ່ນຂະໜາດນ້ອຍຫຼືຂະໜາດປົກກະຕິ.
data-native-menu true | false ຖ້າກວດຫາ false, ຈະນຳໃຊ້ຄູ່ແຫຼວຄຳເລືອກ jQuery ສະເພາະ (ຖ້າທ່ານຕ້ອງການວ່າຄູ່ແຫຼວຄຳເລືອກຈະມີປະຫຼວດທີ່ຄົງທີ່ທັງໝົດອຸປະກອນຄົນໃຊ້ທັງໝົດ).
data-overlay-theme letter (a-z) ກໍານົດສີສະເພາະສຳລັບຄູ່ແຫຼວຄຳເລືອກ jQuery (ຕາມກັບ data-native-menu="false").
data-placeholder true | false ສາມາດຈັດວັດຖຸແບບຂອງ <option> ທີ່ບໍ່ແມ່ນ select ປະເພດໂຕທໍາອິດ.
data-role none ການຈັດວັດຖຸແບບຂອງ select ປະເພດ ໂດຍ jQuery Mobile.
data-theme letter (a-z) ກໍານົດສີສະເພາະສຳລັບ select ປະເພດ.

ຄຳແນະນຳ:ສຳລັບການປະສົມສອງແປດ select ປະເພດ, ນຳໃຊ້ data-role="controlgroup" ແລະ data-type="horizontal|vertical" ເພື່ອກໍານົດວ່າຈະປະສົມຢ່າງສະເພາະຫຼືທີ່ພາຍຸ.

Slider

input ສັນຍານ type="range". ຈະຖືກການຈັດວັດຖຸແບບຂັ້ນຈຸດ, ບໍ່ຕ້ອງ data-role.

Data 属性 值 描述
data-highlight true | false ກໍານົດວ່າຕາກາດຈະແຈ້ງຫຼືບໍ່ແຈ້ງ.
data-mini true | false ກໍານົດກະບຽນຈະແມ່ນຂະໜາດນ້ອຍຫຼືຂະໜາດປົກກະຕິ.
data-role none ການຈັດວັດຖຸແບບຂອງຄຳປະຕິບັດກະບຽນ jQuery Mobile.
data-theme letter (a-z) ກໍານົດສີສະເພາະສຳລັບກະບຽນຄວບຄຸມ (input, handle ແລະ track).
data-track-theme letter (a-z) ກໍານົດສີສະເພາະສຳລັບຕາກາດຂອງກະບຽນ.

Text input & Textarea

input ສັນຍານວ່າ "text|search|etc." ຫຼື textarea. ຈະຖືກການການຈັດວັດຖຸແບບ, ບໍ່ຕ້ອງ data-role.

Data 属性 值 描述
data-mini true | false 规定是否 input 元素是小型的还是常规尺寸的。
data-role none ການສະແດງຮູບແບບຂອງການຕິດຕັ້ງ jQuery Mobile ສໍາລັບ input/textarea ທີ່ຕິດຕັ້ງງານສາຍຫົວ.
data-theme letter (a-z) ການສະແດງສີສັນຍານຮູບແບບຂອງຂາຍສານສະເພາະ.