Data ya jQuery Mobile

Dialog

Kikaa cha kimea au ya kimea cha kipindi kimea data-role="dialog" ama kimea cha kizingo kimea data-rel="dialog".

Enhancement

带有 data-enhance="false" 或 data-ajax="false" 属性的容器。

Madoa:data-enhance="false" 比如结合 $.mobile.ignoreContentEnabled=true" 使用，以阻止 jQuery Mobile 自动添加页面样式。

当 $.mobile.ignoreContentEnabled 设置为 true 时，data-ajax="false" 的容器中的任何链接或表单元素，将被框架的导航功能忽略。

Fieldcontainer

包装 label/form 元素对的 data-role="fieldcontain" 的容器。

Fixed Toolbar

带有 data-role="header" 或 data-role="footer" 属性以及 data-position="fixed" 属性的容器。

Flip Toggle Switch

带有 data-role="slider" 属性的一个 元素以及两个 元素。

Data ya Hatua	Wakati	Maelezo
data-mini	true | false	规定开关是小型的还是常规尺寸的。
data-role	none	防止 jQuery Mobile 将切换开关设置为按钮样式。
data-theme	heri (a-z)	规定切换开关的主题颜色。
data-track-theme	heri (a-z)	规定轨道的主题颜色。

Footer

带有 data-role="footer" 属性的容器。

Data ya Hatua	Wakati	Maelezo
data-id	sometext	规定唯一 ID。对于 persistent footers 是必需的。
data-position	inline | fixed	规定页脚与页面内容是行内关系，还是保留在底部。
data-fullscreen	true | false	规定页面是否始终位于底部并覆盖页面内容 (slightly see-through)。
data-theme	heri (a-z)	规定页脚的主题颜色。默认是 "a"。

Madoa:如需启用 fullscreen 定位，请使用 data-position="fixed"，然后为该元素添加 data-fullscreen 属性。

Header

data-role="header" 的容器。

Data ya Hatua	Wakati	Maelezo
data-id	sometext	规定唯一 ID。对于 persistent headers 是必需的。
data-position	inline | fixed	规定页眉与页面内容是行内关系，还是保留在顶部。
data-fullscreen	true | false	规定页面是否始终位于顶部并覆盖页面内容 (slightly see-through)。
data-theme	heri (a-z)	规定页眉的主题颜色。默认是 "a"。

Madoa:如需启用 fullscreen 定位，请使用 data-position="fixed"，然后为该元素添加 data-fullscreen 属性。

Viungo

Zote viungo, zinginezo kama vingine vya data-role="button" na vingine vya hatua ya foromu.

Data ya Hatua	Wakati	Maelezo
data-ajax	true | false	Inasababisha ukilinda ukurasa kwa AJAX, ili kubadilika uwanja wa kumtaarifu. Ikiwa inasababishwa na kweli, jQuery Mobile itafanya mkutano wa ukurasa wa kawaida.
data-direction	reverse	Inaonyesha uharibifu wa mifanikio (tu kwa ukurasa au kina kina)
data-dom-cache	true | false	Inaeleza inavyotumika kwa kumaliza DOM cache ya ukurasa wa kwanza (kama inaitwa true, tukijaribu kumsaada DOM, na kuteja matokeo ya kila kifaa kimekufikia).
data-prefetch	true | false	Inasababisha ukifichukia ukurasa kwenye DOM, iliweze kutumika kwa kuzingatia kwa kumtaarifu kwa kufikia.
data-rel	mabaki | kina kina | nje | kina kina kina	Inasababisha mawazo ya kuhusu ukabidi wa viungo. Mabaki - Kuondoa hatua kwenye historia. Kina kina - Kufichukia ukurasa kama kina kina, haitakayorekwa kwenye historia. Nje - Kukipiga kwenye eneo lingine. Inafikia - Kufichukia kiwango kwa kufungua kina kina.
data-transition	fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none	Inaeleza matukio ya kusaidia kutoka ukurasa wa kwanza hadi ukurasa wa pili. Tazama jQuery Mobile transition.
data-position-to	origin | jQuery selector | window	Inaeleza eneo la fasi. Asili - Chaguo wa msingi. Inafikia kiwango kwa kumtaarifu kwa kufichukia kwenye kiwango. jQuery selector - 在指定元素上弹出。 Window - Inakusababisha kufungua kwenye kikompyeta cha kijana cha kifungo.

List

Mfano wa <ol> au <ul> cha data-role="listview".

Data ya Hatua	Wakati	Maelezo
data-autodividers	true | false	Inahisisha inaingia kina cha orodha kwa kina cha orodha kwa ujenzi wa awamu.
data-count-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kina cha namba. Mfano ni "c".
data-divider-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kina cha orodha. Mfano ni "b".
data-filter	true | false	Inahisisha inaingia kifungo cha kusaidia kutafuta kwa kina cha orodha.
data-filter-placeholder	sometext	Inahisisha uandiko wa kifungo cha kusaidia kutafuta. Mfano ni "Filter items...".
data-filter-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kusaidia kutafuta. Mfano ni "c".
data-icon	Matokeo ya Ikoni	Inahisisha ikoni ya kina cha orodha.
data-inset	true | false	Inahisisha inaingia na mabaki ya stili ya kina cha orodha. Inaweza kusababisha data-inset.
data-split-icon	Matokeo ya Ikoni	Inahisisha ikoni ya kikicho cha kufungua kikicho cha kina cha orodha. Mfano ni "arrow-r".
data-split-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kufungua kikicho cha kina cha orodha. Mfano ni "b".
data-theme	heri (a-z)	Inahisisha rangi ya kifungo cha orodha.

List item

Mfano wa <li> wa <ol> au <ul> cha data-role="listview".

Data ya Hatua	Wakati	Maelezo
data-filtertext	sometext	Inahisisha uandiko wa kifungo cha kusaidia kutafuta. Uandiko huo huzingatia uandiko wa kina cha orodha asili.
data-icon	Matokeo ya Ikoni	Inahisisha ikoni ya kikicho cha orodha.
data-role	list-divider	Inahisisha kifungo cha kina cha orodha.
data-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kina cha orodha.

Madoa:Mfano wa data-icon huzingatia kiungo cha kina cha orodha tu.

Navbar

Mfumo wa <li> kwa kifungo cha data-role="navbar".

Data ya Hatua	Wakati	Maelezo
data-icon	Matokeo ya Ikoni	Inahisisha ikoni ya kikicho cha orodha.
data-iconpos	left | right | top | bottom | notext	Inaingia nafasi ya ikoni.

Tahadhari:Bar cha navigation kinasababisha theme-swatch kutoka kifungo cha mababu. Kusababisha data-theme kwa bar cha navigation huzingatia. Inaweza kusababisha data-theme kwa kila kiungo cha bar cha navigation kwa kikamilifu.

Page

Kifungo cha data-role="page".

Data ya Hatua	Wakati	Maelezo
data-add-back-btn	true | false	Inaongeza kikicho cha kubonyeza kuzingatia kwa uwanja wa kifungo tu.
data-back-btn-text	sometext	Inahisisha uandiko wa kikicho cha kubonyeza kuzingatia.
data-back-btn-theme	heri (a-z)	Inahisisha rangi ya kifungo cha kubonyeza kuzingatia.
data-close-btn-text	heri (a-z)	Inahisisha uandiko wa kikicho cha kifungo cha kufungua kikili cha kufunga.
data-dom-cache	true | false	Inaeleza inavyotumika kwa kumaliza DOM cache ya ukurasa wa kwanza (kama inaitwa true, tukijaribu kumsaada DOM, na kuteja matokeo ya kila kifaa kimekufikia).
data-overlay-theme	heri (a-z)	Inaeleza rangi ya mabaya ya ukurasa wa kusaidia.
data-theme	heri (a-z)	Inaeleza rangi ya kichwa cha ukurasa. Inasaidia kwa "c".
data-title	sometext	Inaeleza kichwa cha ukurasa.
data-url	url	Inatumiwa kusasa URL, bila kufungua ukurasa wa kwanza.

Popup

Kifungu kwenye kifungu na data-role="popup".

Data ya Hatua	Wakati	Maelezo
data-corners	true | false	Inaeleza inavyotumika kwa kina cha fasi.
data-overlay-theme	heri (a-z)	Inaeleza rangi ya mabaya ya fasi. Inasaidia kwa "none" kumtaarisha mabaya.
data-shadow	true | false	Inaeleza inavyotumika kwa fasi inayoshika.
data-theme	heri (a-z)	Inaeleza rangi ya kichwa cha fasi. Inasaidia kwa "none" kumtaarisha mabaya.
data-tolerance	30, 15, 30, 15	Inaeleza jirani ya kifungu kwenye mawaka ya ekatroniku (top, right, bottom, left).

Kifungu na data-rel="popup".

Data ya Hatua	Wakati	Maelezo
data-position-to	origin | jQuery selector | window	Inaeleza eneo la fasi. Origin - wa kawaida. Fasi hii itakaa kwenye linia inayofungua. jQuery selector - fasi hii itakaa kwenye elementi inayotumika. Window - fasi hii itakaa katika mawaka ya ekatroniku ya eneo kuu.
data-rel	popup	Inatumiwa kufungua fasi.
data-transition	fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none	Inaeleza matukio ya kusaidia kutoka ukurasa wa kwanza hadi ukurasa wa pili. Tazama jQuery Mobile transition.

Radio Button

label na input kama type="radio" itakatalikwa kuwa viwango vya kifungu, bila data-role.

Data ya Hatua	Wakati	Maelezo
data-mini	true | false	Inaeleza inavyotumika kwa viwango vya kizamia kama viwango vya kifungu kikubwa au kikuu.
data-role	none	Inakaa jQuery Mobile kumtaarisha viwango vya kizamia kama viwango vya kifungu.
data-theme	heri (a-z)	Inaeleza rangi ya kichwa cha viwango vya kizamia.

Tahadhari:Kama ingawa na kufungua viwango vingine vya ukizamia, tumia data-role="controlgroup" na data-type="horizontal|vertical" kuwaambia kama inavyotumia ukizamia viwango vingine kwa uharibifu au uharibifu wa kikombe.

Select

Alla <select> zote. Inafichwa na mtindo wa kifungo, hataru date-role.

Data ya Hatua	Wakati	Maelezo
data-icon	Matokeo ya Ikoni	Inaingia ikoni ya select. Chaguo wa chanzo ni "arrow-d".
data-iconpos	left | right | top | bottom | notext	Inaingia nafasi ya ikoni.
data-inline	true | false	Inaingia inaeonyesha select kama inaonekana kwenye ujaribio.
data-mini	true | false	Inaingia ukurasa wa select kama kidogo ama kikubwa.
data-native-menu	true | false	Ikiwa inaingia kama false, tumia chaguo cha menu cha jQuery kwenye kila kifaa cha mobile (inaaminika inaonesha chaguo cha menu kwa uraifu wa uinaishia kwa kila kifaa cha mobile).
data-overlay-theme	heri (a-z)	Inaingia rangi ya chaguo cha menu cha jQuery kwa kuchaguliwa kwenye data-native-menu="false".
data-placeholder	true | false	Inafichwa kwenye elementi ya <option> ya select ya asili.
data-role	none	Inaingia mtindo wa kifungo cha select kwa jQuery Mobile.
data-theme	heri (a-z)	Inaingia rangi ya kifungo cha select.

Tahadhari:Kwa kugawaza element zaidi ya select, tumia data-role="controlgroup" na data-type="horizontal|vertical" kufikia inaingia ya kifungo kwa ujaribio ama kuelekea chini.

Slider

input ya type="range". Inafichwa na mtindo wa kifungo, hataru data-role.

Data ya Hatua	Wakati	Maelezo
data-highlight	true | false	Inaingia inaeonyesha kifungo cha kifungo cha slider.
data-mini	true | false	Inaingia ukurasa wa slider kama kidogo ama kikubwa.
data-role	none	Inaingia mtindo wa kifungo cha kifunzi cha slider kwa jQuery Mobile.
data-theme	heri (a-z)	Inaingia rangi ya kifungo cha kifunzi cha slider (input, handle na track).
data-track-theme	heri (a-z)	Inaingia rangi ya mabomu wa kifungo cha slider.

Input ya Tekst na Textarea

input au ya type="text|search|etc." ama textarea. Inafichwa na mtindo wa mifano, hataru data-role.

Data ya Hatua	Wakati	Maelezo
data-mini	true | false	Kuwa na ukubwa wa kifungu kama kina kama kina kama kina.
data-role	none	Kuwa na mabara ya jQuery Mobile kwa kuingia/textarea kwa mabara ya mabara.
data-theme	heri (a-z)	Kuwa na rangi ya mazingira ya muonekano wa kuingia wa kifungu.

• Kupya Mifano ya jQuery Mobile
• Pya Matukio ya jQuery Mobile

Kifunzi cha Kifunzi

Data ya jQuery Mobile

Mifano ya jQuery Mobile

Mwongozo wa Mwongozo

Matokeo ya Sponsor ya CodeW3C.com yanaendelea kwa mafunzo na michezo, hatuwaangalia kwamba matokeo yana uwezo. Risiko zilizotumiwa kwa kusaidia kwa kumwengia hii hatukusaidia. Hata hazina hisia zote. Hata hazina hisia zote.

Hafu ya Matumizi Hafu ya Hafu ya Wasifu