jQuery Mobile Data 属性

jQuery Data అంశాలు

jQuery Mobile హైట్లైన్ డాటా-* అంశాలను వాడి మొబైల్ పరికరాలకు "టచ్ ఫ్రియండ్లీ" అందమైన కాన్వెన్షన్స్ సృష్టిస్తుంది.

ఈ పరికల్పన జాబితాలో, గుర్తింపునికి కలిగిన విలువలు అప్రమేయంగా ఉంటాయి.

Button

data-role="button" తో కూడిన హెడర్ లింక్. టూల్బార్లోని బటన్ మెమ్బర్స్ మరియు లింక్లు మరియు ఇన్పుట్ ఫీల్డ్స్ బటన్ స్టైల్స్ ఆటోమాటిక్గా సెట్ అవుతాయి, data-role="button" లేదు అవసరం.

Data 属性 值 描述
data-corners true | false బటన్కు కోణాలు ఉండాలా లేదా లేదు నియమించండి.
data-icon ఐకాన్స్ రిఫరెన్స్ బటన్ ఐకాన్ను నియమించండి. అప్రమేయంగా ఐకాన్ లేదు.
data-iconpos లెఫ్ట్ | రైట్ | టాప్ | బటమ్ | నాటెక్స్ ఐకాన్ యొక్క స్థానాన్ని నిర్ధారించు.
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" అంశాలతో కూడిన కంటైనర్ను వాడండి. హరియు లేదా వెడల్పు కలపడానికి నియమించండి.

Checkbox

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

Data 属性 值 描述
data-mini true | false 规定复选框是小型的还是常规尺寸的。
data-role none 防止 jQuery Mobile 将复选框设置为按钮的样式。
data-theme letter (a-z) 规定复选框的主题颜色。

హిందూస్థాన్:如需组合多个复选框，请使用 data-role="controlgroup" 以及 data-type="horizontal|vertical"，来规定水平还是垂直组合复选框。

కళ్ళించబడే

శీర్షిక కేంద్రం, దాని తర్వాత డాటా-రోల్యూట్="కళ్ళించబడే" అనే అంశం కలిగిన ప్రదేశంలో ఏదైనా హ్టమ్ల్ మార్కపు ప్రతిమను ఉంచండి.

Data 属性 值 描述
డాటా-కళ్ళించబడే true | false కంటెంట్ అనుసంధానం జరగాలా లేదా తెరగాలా నిర్ధారించుము.
డాటా-కళ్ళించబడే-ఐకాన్ ఐకాన్స్ రిఫరెన్స్ కళ్ళించబడే బటన్లు ప్రతిమను నిర్ధారించుము. అప్రమేయంగా “ప్లస్”.
డాటా-కంటెంట్-థీమ్ letter (a-z) కళ్ళించబడే కంటెంట్ సారథ్ర్యం రంగును నిర్ధారించుము. కళ్ళించబడే కంటెంట్కు గుండ్రత కూడా జోడిస్తారు.
డాటా-ఎక్స్పాండెడ్-ఐకాన్ ఐకాన్స్ రిఫరెన్స్ ప్రదర్శించబడిన కంటెంట్ పైన కళ్ళించబడే బటన్లు ప్రతిమను నిర్ధారించుము. అప్రమేయంగా “తగ్గించు”.
data-iconpos ఎడమ | కుడి | పై | క్రింద ఐకాన్ యొక్క స్థానాన్ని నిర్ధారించు.
data-inset true | false కళ్ళించబడే బటన్లు గుండ్రత మరియు పరిమాణం స్టైల్స్ ను నిర్ధారించుము.
data-mini true | false కళ్ళించబడే బటన్లు చిన్నది లేదా సాధారణ పరిమాణం వాలు.
data-theme letter (a-z) కళ్ళించబడే బటన్లు సారథ్ర్యం రంగును నిర్ధారించుము.

కళ్ళించబడే సెట్

డాటా-రోల్యూట్="కళ్ళించబడే-సెట్" అనే అంశం కలిగిన ప్రదేశంలో కళ్ళించబడే కంటెంట్ బ్లాక్

Data 属性 值 描述
డాటా-కళ్ళించబడే-ఐకాన్ ఐకాన్స్ రిఫరెన్స్ కళ్ళించబడే బటన్లు ప్రతిమను నిర్ధారించుము. అప్రమేయంగా “జోడించు”.
డాటా-కంటెంట్-థీమ్ letter (a-z) కళ్ళించబడే కంటెంట్ సారథ్ర్యం రంగును నిర్ధారించుము.
డాటా-ఎక్స్పాండెడ్-ఐకాన్ ఐకాన్స్ రిఫరెన్స్ ప్రదర్శించబడిన కంటెంట్ పైన కళ్ళించబడే బటన్లు ప్రతిమను నిర్ధారించుము. అప్రమేయంగా “తగ్గించు”.
data-iconpos లెఫ్ట్ | రైట్ | టాప్ | బటమ్ | నాటెక్స్ ఐకాన్ యొక్క స్థానాన్ని నిర్ధారించు.
data-inset true | false కళ్ళించబడే సమాహారం పైన గుండ్రత మరియు పరిమాణం స్టైల్స్ ను నిర్ధారించుము.
data-mini true | false కళ్ళించబడే బటన్లు చిన్నది లేదా సాధారణ పరిమాణం వాలు.
data-theme letter (a-z) కళ్ళించబడే సమాహారం సారథ్ర్యం రంగును నిర్ధారించుము.

కంటెంట్

డాటా-రోల్యూట్="కంటెంట్" అనే అంశం కలిగిన ప్రదేశం.

Data 属性 值 描述
data-theme letter (a-z) అనుసంధానం సారథ్ర్యం రంగును నిర్ధారించుము. అప్రమేయంగా "c".

కంట్రోల్గ్రూప్

డాటా-రోల్యూట్="కంట్రోల్గ్రూప్" అనే అంశం కలిగిన <div> లేదా <fieldset> ప్రదేశం. బటన్ రీతిలో ఒకే రకం ఇన్‌పుట్లను అనుసంధానం చేయండి (లింక్ బటన్లు, రేడియో బటన్లు, చెక్ బటన్లు, ఎంపిక మెనూ).

Data 属性 值 描述
data-mini true | false అనుసంధానం చిన్నది లేదా సాధారణ పరిమాణం వాలు.
డాటా-టైప్ హరిజంటల్ | వర్తికల్ అనుసంధానం హరిజంటల్ లేదా వర్తికల్ ప్రదర్శనను నిర్ధారించుము.

డైలాగ్

డాటా-రోల్యూట్="డైలాగ్" ప్రదేశం లేదా డాటా-రెల్యూట్="డైలాగ్" లింక్

Data 属性 值 描述
data-close-btn-text sometext డైలాగ్ బటన్ను మాత్రమే ఉపయోగించే పదాలను నియమించండి.
data-dom-cache true | false వినియోగదారుకు true ఉంచినప్పుడు, జూలే మొబైల్ DOM కేష్ ను ప్రత్యేక పేజీకి తొలగించండి (వినియోగదారుకు true ఉంచినప్పుడు, DOM నిర్వహణకు మరియు అన్ని మొబైల్ పరికరాలపై పూర్తి పరీక్షను చేయాలి).
data-overlay-theme letter (a-z) డైలాగ్ పేజీ బ్యాక్గ్రౌండ్ రంగును నిర్ణయించండి.
data-theme letter (a-z) డైలాగ్ పేజీ రంగును నియమించండి.
data-title sometext డైలాగ్ పేజీ పేరును నియమించండి.

ఎన్హాన్స్మెంట్

data-enhance="false" లేదా data-ajax="false" అంశాలు కలిగిన కంటైనర్లు.

Data 属性 值 描述
data-enhance true | false నిర్ధారించబడినప్పుడు "true", (డిఫాల్ట్) జూలే మొబైల్ పేజీకి స్టైల్స్ తాజాగా జోడించబడతాయి, మొబైల్ పరికరాలకు అనుకూలంగా చేయబడుతుంది. లేదా "false" ఉన్నప్పుడు, ఫ్రేమ్ పేజీ స్టైల్స్ నియమించబడదు.
data-ajax true | false పేజీని AJAX ద్వారా లోడ్ చేయాలా నియమించండి.

ప్రతీక్ష:data-enhance="false" కావచ్చు, ఉదాహరణకు $.మొబైల్.ఇగ్నోర్ కంటెంట్ ఎనేబుల్=true ఉపయోగించడం ద్వారా, జూలే మొబైల్ పేజీ స్టైల్స్ తాజాగా జోడించబడకుండా నిరోధిస్తుంది.

జి$.మొబైల్.ఇగ్నోర్ కంటెంట్ ఎనేబుల్ ప్రక్కలుపరచబడినప్పుడు true గా ఉన్నప్పుడు, data-ajax="false" అంశాలు కలిగిన కంటైనర్లులో ఏ లింకులు లేదా ఫారమ్ అంశాలు ఫ్రేమ్ నేవిగేషన్ ఫంక్షన్లు వద్ద విస్మరించబడతాయి.

ఫీల్డ్ కంటైనర్

label/form అంశాల పరిధిలో data-role="fieldcontain" అంశాలు కలిగిన కంటైనర్లు.

ఫిక్సెడ్ టూల్బార్

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 resize, transition మరియు "updatelayout" ఇవెంట్లు జరిగినప్పుడు పేజీ పైన, క్రింద, అంతరాంతరాలను నవీకరించండి (jQuery Mobile "pageshow" ఇవెంట్లు జరిగినప్పుడు అంతరాంతరాలను నవీకరిస్తుంది).
data-visible-on-page-show true | false పై పేజీ చూపించినప్పుడు టూల్బార్ కనిపించేలా నియమించండి.

Flip Toggle Switch

带有 data-role="slider" 属性的一个