جی کوئی موبائل ڈیٹا اٹری بیوٹ
- پچھلے پیج جی کوئی موبائل مثال
- آئندہ پیج جی کوئی موبائل واقعیتی واقعات
jQuery Data ਲੈਬਲ
jQuery Mobile ਹੈਲਪਫਰੈਂਡੀ ਮੋਬਾਈਲ ਯੰਤਰਾਂ ਲਈ HTML5 data-* ਲੈਬਲ ਨਾਲ "ਟੱਚ ਫਰੈਂਡਲੀ" ਅਤੇ ਸੁੰਦਰ ਵਿਜ਼ੂਅਲ ਪ੍ਰਦਰਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ。
ਹੇਠਲੇ ਸੂਚੀਬੱਧ ਵਿੱਚ ਬੋਲਡ ਮੁੱਲ ਮੂਲ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。
Button
data-role="button" ਵਾਲੇ ਹਿੰਦੂਆਂ ਵਾਲੇ ਲਿੰਕ। ਟੂਲਬਾਰ ਵਿੱਚ ਬਟਨ ਅਤੇ ਲਿੰਕ ਅਤੇ ਇੰਪੁਟ ਫੀਲਡ ਬਟਨ ਦੇ ਸਟਾਈਲ ਨੂੰ ਆਪਣੇ ਹੀ ਸੈੱਟ ਕਰਦੇ ਹਨ, data-role="button" ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
ਪੋਪਅੱਪ ਵਾਲੇ data-role="popup" ਪ੍ਰਤੀਯੋਗਤਾ ਵਾਲੇ ਕੰਟੇਨਰ: | حق یا نادرست | ਬਟਨ ਦੇ ਕੋਨੇ ਦੇ ਗੋਲਾਕਾਰ ਹੈ ਕਿ ਨਹੀਂ ਹੈ。 |
data-icon | آئیکن رجوع | ਬਟਨ ਦਾ ਆਇਕਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲਤਬੀ ਆਇਕਾਨ ਨਹੀਂ ਹੈ。 |
data-iconpos | بائیں | درست | اوپر | نیچے | نا متن | آئیکن کی جگہ کا مقرر کردیا. |
data-iconshadow | حق یا نادرست | ਬਟਨ ਆਇਕਾਨ ਨੂੰ ਛਾਲ ਹੈ ਕਿ ਨਹੀਂ ਹੈ。 |
data-inline | حق یا نادرست | ਬਟਨ ਨੂੰ ਲਾਈਨ ਵਿੱਚ ਰੱਖਣਾ ਹੈ ਕਿ ਨਹੀਂ ਹੈ。 |
داخل چھوٹا | حق یا نادرست | ਬਟਨ ਛੋਟੇ ਹਨ ਜਾਂ ਆਮ ਆਕਾਰ ਦੇ ਹਨ。 |
ਪੋਪਅੱਪ ਦੇ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਪਾਰਦਰਸ਼ੀ ਬੈਕਗਰਾਊਂਡ (none) ਹੈ。 | حق یا نادرست | ਬਟਨ ਨੂੰ ਛਾਲ ਹੈ ਕਿ ਨਹੀਂ ਹੈ。 |
داخل تھیم | لیٹر (اے ز) | ਬਟਨ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
نکات:ਜੇਕਰ ਕਈ ਬਟਨਾਂ ਨੂੰ ਮਿਲਾਉਣਾ ਹੈ, ਤਾਂ data-role="controlgroup" ਅਤੇ data-type="horizontal|vertical" ਵਾਲੇ ਕੰਟੇਨਰ ਦਾ ਉਪਯੋਗ ਕਰੋ, ਤਾਕਿ ਪਲੈਨ ਬਟਨਾਂ ਨੂੰ ਪੱਧਰੀ ਜਾਂ ਸਿਧੇ ਮਿਲਾਓ。
Checkbox
label 和 type="checkbox" 的 input 是成对的。会被自动设置为按钮的样式,无需 data-role。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل چھوٹا | حق یا نادرست | 规定复选框是小型的还是常规尺寸的。 |
داخل رول | کچھ نہیں | 防止 jQuery Mobile 将复选框设置为按钮的样式。 |
داخل تھیم | لیٹر (اے ز) | 规定复选框的主题颜色。 |
نکات:如需组合多个复选框,请使用 data-role="controlgroup" 以及 data-type="horizontal|vertical",来规定水平还是垂直组合复选框。
Collapsible
标题元素,其后是位于带有 data-role="collapsible" 属性的容器中的任意 HTML 标记。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-collapsed | حق یا نادرست | 规定内容是否应该关闭或展开。 |
data-collapsed-icon | آئیکن رجوع | 规定可折叠按钮的图标。默认是 "plus"。 |
data-content-theme | لیٹر (اے ز) | 规定可折叠内容的主题颜色。同时会向可折叠内容添加圆角。 |
data-expanded-icon | آئیکن رجوع | 规定内容被展开时的可折叠按钮的图标。默认是“减号”。 |
data-iconpos | left | right | top | bottom | آئیکن کی جگہ کا مقرر کردیا. |
data-inset | حق یا نادرست | 规定可折叠按钮是否拥有圆角和外边距的样式。 |
داخل چھوٹا | حق یا نادرست | 规定可折叠按钮是小型的还是常规尺寸的。 |
داخل تھیم | لیٹر (اے ز) | 规定可折叠按钮的主题颜色。 |
Collapsible Set
带有 data-role="collapsible-set" 属性的容器中的可折叠内容块。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-collapsed-icon | آئیکن رجوع | 规定可折叠按钮的图标。默认是“加号”。 |
data-content-theme | لیٹر (اے ز) | 规定可折叠内容的主题颜色。 |
data-expanded-icon | آئیکن رجوع | 规定内容被展开时的可折叠按钮的图标。默认是“减号”。 |
data-iconpos | بائیں | درست | اوپر | نیچے | نا متن | آئیکن کی جگہ کا مقرر کردیا. |
data-inset | حق یا نادرست | 规定 collapsibles 是否拥有圆角和外边距的样式。 |
داخل چھوٹا | حق یا نادرست | 规定可折叠按钮是小型的还是常规尺寸的。 |
داخل تھیم | لیٹر (اے ز) | تعین کریں کہ کس طرح کا رنگ کا مجموعہ نمودار ہوگا۔ |
Content
data-role="content" کی اقدار والا کانوینر۔
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل تھیم | لیٹر (اے ز) | تعین کریں کہ موضوع کا رنگ کونسٹنٹ کونسٹنٹ کا رنگ کیا ہوگا۔ دفعتی طور پر "c" ہے۔ |
Controlgroup
data-role="controlgroup" کی اقدار والا <div> یا <fieldset> کا کانوینر۔ متعدد بٹن کی طرح کے واحد نوع کے input کو ترکیب کریں (لنک پر مبنی بٹن، رجحان، چیک باکس، انتخاب منو)۔
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل چھوٹا | حق یا نادرست | تعین کریں کہ تعاون چھوٹی یا عادی سائز کا ہوگا۔ |
data-type | افقی | عمودی | تعین کریں کہ کیا تعاون افقی یا عمودی نمودار ہوگا۔ |
Dialog
data-role="dialog" کا کانوینر یا data-rel="dialog" کا لنک ہے。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-close-btn-text | data-title | 规定仅用于对话框的关闭按钮的文本。 |
data-dom-cache | حق یا نادرست | 规定是否为个别页面清除 jQuery DOM 缓存(如果设置 true,则需要注意对 DOM 的管理,并全面测试所有移动设备)。 |
data-overlay-theme | لیٹر (اے ز) | data-dom-cache |
داخل تھیم | لیٹر (اے ز) | 规定对话页的主题颜色。 |
ਪੰਨੇ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "c" ਹੈ。 | data-title | 规定对话页的标题。 |
Enhancement
带有 data-enhance="false" 或 data-ajax="false" 属性的容器。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-enhance | حق یا نادرست | 如果设置为 "true",, (default) jQuery Mobile 会自动为页面添加样式,使其更适合移动设备。如果设置为 "false",则框架不会设置页面的样式。 |
data-ajax | حق یا نادرست | 规定是否通过 AJAX 来加载页面。 |
ਟਿੱਪਣੀਆਂ: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" 属性的容器。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-disable-page-zoom | حق یا نادرست | 规定用户是否有能力缩放页面。 |
data-fullscreen | حق یا نادرست | ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਟੂਲਬਾਰ ਹਮੇਸ਼ਾ ਉੱਪਰ ਜਾਂ ਹੇਠ ਰਹੇ ਹੋਵੇ ਜਾਂ ਨਹੀਂ。 |
data-tap-toggle | حق یا نادرست | ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਯੂਜ਼ਰ ਕੀਤੇ ਗਏ ਕਲਿੱਕ ਜਾਂ ਦਬਾਅ ਰਾਹੀਂ ਟੂਲਬਾਰ ਦੀ ਦਿਸ਼ਤੀ ਨੂੰ ਟੁੱਟ ਸਕਦਾ ਹੈ ਜਾਂ ਨਹੀਂ。 |
data-transition | slide | fade | none | ਟ੍ਰਾਂਜ਼ੀਸ਼ਨ ਦਾ ਪ੍ਰਭਾਵ ਨਿਰਧਾਰਿਤ ਕਰੋ ਜਦੋਂ ਕਿਸੇ ਨੂੰ ਦਬਾਇਆ ਜਾਂ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。 |
data-update-page-padding | حق یا نادرست | resize, transition ਅਤੇ "updatelayout" ਈਵੈਂਟ ਦੇ ਸਮੇਂ ਪੰਨੇ ਦੇ ਉੱਪਰਲੇ, ਨਿਚਲੇ ਅਤੇ ਅੰਦਰੂਨੀ ਪੈਡਿੰਗ ਨੂੰ ਅੱਪਡੇਟ ਕਰੋ (jQuery Mobile ਹਮੇਸ਼ਾ "pageshow" ਈਵੈਂਟ ਦੇ ਸਮੇਂ ਪੈਡਿੰਗ ਨੂੰ ਅੱਪਡੇਟ ਕਰਦਾ ਹੈ) |
data-visible-on-page-show | حق یا نادرست | ਪ੍ਰਦਰਸ਼ਿਤ ਮੂਲ ਪੰਨੇ ਦੇ ਟੂਲਬਾਰ ਦੀ ਦਿਸ਼ਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
ਫਲਿਪ ਟੋਲਰ ਸਵਿੱਚ
data-role="slider" ਦੇ <select> ਅੰਗ ਅਤੇ ਦੋ ਨਵੇਂ <option> ਅੰਗ
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل چھوٹا | حق یا نادرست | ਸਵਿੱਚ ਦਾ ਅਕਾਰ ਛੋਟਾ ਹੈ ਜਾਂ ਆਮ ਹੈ ਨਿਰਧਾਰਿਤ ਕਰੋ। |
داخل رول | کچھ نہیں | jQuery Mobile ਨੂੰ ਟ੍ਰੈਂਸੀਸ਼ਨ ਸਵਿੱਚ ਨੂੰ ਬਟਨ ਸਟਾਈਲ ਵਿੱਚ ਰੱਖਣ ਤੋਂ ਰੋਕੋ। |
داخل تھیم | لیٹر (اے ز) | ਟ੍ਰੈਂਸੀਸ਼ਨ ਸਵਿੱਚ ਦੇ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ। |
data-track-theme | لیٹر (اے ز) | ਟਰੈਕ ਦੇ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ। |
ਫੁੱਟਰ
data-role="footer" ਦੇ ਕੰਟੇਨਰ
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-id | data-title | ਇੱਕੋ ਜਿਹੇ ID ਨਿਰਧਾਰਿਤ ਕਰੋ।ਲਗਾਤਾਰ ਫੁੱਟਰ ਲਈ ਲੋੜੀਂਦਾ ਹੈ। |
data-position | inline | fixed | ਫੁੱਟਰ ਅਤੇ ਪੰਨੇ ਦੇ ਸਮੱਗਰੀ ਦਾ ਸਬੰਧ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਕਿ ਉਹ ਸਿਰਫ਼ ਉੱਤੇ ਰੱਖੇ ਜਾਣਗੇ ਜਾਂ ਨੱਥੇ ਰੱਖੇ ਜਾਣਗੇ। |
data-fullscreen | حق یا نادرست | ਪੰਨੇ ਨੂੰ ਹਮੇਸ਼ਾ ਸਿਰਫ਼ ਉੱਤੇ ਰੱਖੋ ਅਤੇ ਪੰਨੇ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਢੁਕਵੇਂ ਤੌਰ 'ਤੇ ਢੁਕਵੇਂ ਰੱਖੋ (ਥੋੜ੍ਹਾ ਪਾਰਦਰਸ਼ੀ) |
داخل تھیم | لیٹر (اے ز) | ਫੁੱਟਰ ਦੇ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲਤਬੱਧ "a" ਹੈ। |
ਟਿੱਪਣੀਆਂ:ਜੇਕਰ ਪੂਰੇ ਸਕਰੀਨ ਸਥਾਨ ਨੂੰ ਸਕਰੀਨ ਉੱਤੇ ਰੱਖਣਾ ਹੈ, ਤਾਂ data-position="fixed" ਦਾ ਉਪਯੋਗ ਕਰੋ ਅਤੇ ਉਸ ਅੰਗ ਨੂੰ data-fullscreen ਅਤੇ ਲੋਕੇਸ਼ਨ ਵਾਲੀ ਲੈਬਲ ਦਾ ਉਪਯੋਗ ਕਰੋ।
ਹੈੱਡਰ
data-role="header" ਦੇ ਕੰਟੇਨਰ
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-id | data-title | ਇੱਕੋ ਜਿਹੇ ID ਨਿਰਧਾਰਿਤ ਕਰੋ।ਲਗਾਤਾਰ ਹੈੱਡਰ ਲਈ ਲੋੜੀਂਦਾ ਹੈ। |
data-position | inline | fixed | ਹੈੱਡਰ ਅਤੇ ਪੰਨੇ ਦੇ ਸਮੱਗਰੀ ਦਾ ਸਬੰਧ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਕਿ ਉਹ ਸਿਰਫ਼ ਉੱਤੇ ਰੱਖੇ ਜਾਣਗੇ ਜਾਂ ਉੱਤੇ ਰੱਖੇ ਜਾਣਗੇ। |
data-fullscreen | حق یا نادرست | ਪੰਨੇ ਨੂੰ ਹਮੇਸ਼ਾ ਸਿਰਫ਼ ਉੱਤੇ ਰੱਖੋ ਅਤੇ ਪੰਨੇ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਢੁਕਵੇਂ ਤੌਰ 'ਤੇ ਢੁਕਵੇਂ ਰੱਖੋ (ਥੋੜ੍ਹਾ ਪਾਰਦਰਸ਼ੀ) |
داخل تھیم | لیٹر (اے ز) | ਹੈੱਡਰ ਦੇ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲਤਬੱਧ "a" ਹੈ। |
ਟਿੱਪਣੀਆਂ:ਜੇਕਰ ਪੂਰੇ ਸਕਰੀਨ ਸਥਾਨ ਨੂੰ ਸਕਰੀਨ ਉੱਤੇ ਰੱਖਣਾ ਹੈ, ਤਾਂ data-position="fixed" ਦਾ ਉਪਯੋਗ ਕਰੋ ਅਤੇ ਉਸ ਅੰਗ ਨੂੰ data-fullscreen ਅਤੇ ਲੋਕੇਸ਼ਨ ਵਾਲੀ ਲੈਬਲ ਦਾ ਉਪਯੋਗ ਕਰੋ।
ਲਿੰਕ
ਸਾਰੇ ਲਿੰਕ, data-role="button" ਦੇ ਲਿੰਕ ਅਤੇ ਫਾਰਮ ਸੰਬੋਧਨ ਬਟਨ ਸ਼ਾਮਲ ਹਨ।
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-ajax | حق یا نادرست | ਪੰਨੇ ਨੂੰ AJAX ਰਾਹੀਂ ਲੋਡ ਕਰਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਤਾਕਿ ਯੂਜ਼ਰ ਐਕਸਪੀਰੀਅੰਸ ਅਤੇ ਟਰਾਂਸੀਸ਼ਨ ਵਿੱਚ ਸੁਧਾਰ ਹੋ ਸਕੇ।ਜੇਕਰ ਇਹ ਮੂਲਤਬੱਧ ਹੈ, ਤਾਂ jQuery Mobile ਆਮ ਪੰਨੇ ਦੀ ਮੰਗ ਕਰੇਗਾ। |
data-direction | reverse | ਟਰਾਂਸੀਸ਼ਨ ਅਨੀਮੇਸ਼ਨ ਉਲਟ ਕਰੋ (ਸਿਰਫ਼ ਪੰਨੇ ਜਾਂ ਦਿਲਚਸਪੀ ਵਾਲੇ ਪੰਨਿਆਂ ਲਈ) |
data-dom-cache | حق یا نادرست | data-dom-cache |
data-prefetch | حق یا نادرست | ਪੰਨੇ ਨੂੰ 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 | ਪੋਪਅੱਪ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。 ਮੂਲ - ਮੂਲਤਬੱਧ।ਇਸ ਦੇ ਲਿੰਕ ਨੂੰ ਖੋਲ੍ਹਣ ਉੱਤੇ ਬੱਕਸ ਬੰਦ ਕਰ ਦਿੰਦਾ ਹੈ। jQuery selector - ਨਿਰਧਾਰਿਤ ਏਜੈਂਟ ਉੱਤੇ ਬੰਦ ਕਰੋ। ਵਿੰਡੋ - ਵਿੰਡੋ ਸਕਰੀਨ ਦੇ ਮੱਧ ਵਿੱਚ ਬੰਦ ਕਰੋ。 |
List
data-role="listview" ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ <ol> ਜਾਂ <ul> ਹੈ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-autodividers | حق یا نادرست | ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਆਪਣੇ ਆਪ ਵਿੱਚ ਸੈਪਾਰੇਟ ਕਰਨ ਲਈ ਸੁਤੰਤਰ ਕਰੋ ਕਿ ਨਹੀਂ ਹੋਵੇਗਾ。 |
data-count-theme | لیٹر (اے ز) | ਗਿਣਤੀ ਬੂਮ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "c" ਹੈ。 |
data-divider-theme | لیٹر (اے ز) | ਲਿਸਟ ਵੰਡਨ ਸੀਮਾ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "b" ਹੈ。 |
data-filter | حق یا نادرست | ਲਿਸਟ ਵਿੱਚ ਫਿਲਟਰ ਬਾਰ ਜੋੜੋ ਕਿ ਨਹੀਂ ਹੋਵੇਗਾ。 |
data-filter-placeholder | data-title | ਫਿਲਟਰ ਬਾਰ ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "Filter items..." ਹੈ。 |
data-filter-theme | لیٹر (اے ز) | ਫਿਲਟਰ ਪ੍ਰੋਗਰਾਮ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "c" ਹੈ。 |
data-icon | آئیکن رجوع | ਲਿਸਟ ਦੇ ਆਇਕਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-inset | حق یا نادرست | ਲਿਸਟ ਨੂੰ ਗੋਲਾਕਾਰ ਅਤੇ ਬਾਹਰੀ ਮੈਰੂਜ਼ ਸਟਾਈਲ ਜੋੜੋ ਕਿ ਨਹੀਂ ਹੋਵੇਗਾ。 |
data-split-icon | آئیکن رجوع | ਵੰਡਨ ਬਟਨ ਦੇ ਆਇਕਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "arrow-r" ਹੈ。 |
data-split-theme | لیٹر (اے ز) | ਵੰਡਨ ਬਟਨ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "b" ਹੈ。 |
داخل تھیم | لیٹر (اے ز) | ਲਿਸਟ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
List item
data-role="listview" ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ <ol> ਜਾਂ <ul> ਵਿੱਚ <li> ਹੈ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-filtertext | data-title | ਫਿਲਟਰ ਅਂਤਰਿਕਸ਼ ਵਿੱਚ ਖੋਜ ਕਰਨ ਵਾਲੇ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਇਹ ਟੈਕਸਟ ਨਹੀਂ ਹੈ ਜੋ ਅਸਲ ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਟੈਕਸਟ ਹੋਵੇਗਾ ਉਹ ਖੋਜ ਕੀਤਾ ਜਾਵੇਗਾ。 |
data-icon | آئیکن رجوع | ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਆਇਕਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
داخل رول | list-divider | ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਵੰਡਨ ਸੀਮਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
داخل تھیم | لیٹر (اے ز) | ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਥੀਮ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
ਟਿੱਪਣੀਆਂ:data-icon ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਿਰਫ਼ ਲਿੰਕ ਵਾਲੇ ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਵਾਲੀ ਹੈ。
Navbar
ਦੇਸ਼ਦਾਰ data-role="navbar" ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ ਕੰਟੇਨਰ ਦੇ ਅੰਦਰ <li> ਏਜੈਂਟ ਹੈ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-icon | آئیکن رجوع | ਲਿਸਟ ਅਂਤਰਿਕਸ਼ ਦੇ ਆਇਕਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-iconpos | بائیں | درست | اوپر | نیچے | نا متن | آئیکن کی جگہ کا مقرر کردیا. |
نکات:ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਆਪਣੇ ਮਾਤਾ ਕੰਟੇਨਰ ਤੋਂ theme-swatch ਵਾਲੀ ਜਾਂਚ ਕਰਦੀ ਹੈ। ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ data-theme ਪ੍ਰਤੀਯੋਗਿਤਾ ਕਰਨਾ ਸੰਭਵ ਨਹੀਂ ਹੈ। ਇਹ ਸਿਰਫ਼ ਨੇਵੀਗੇਸ਼ਨ ਬਾਰ ਵਿੱਚ ਹਰੇਕ ਲਿੰਕ ਵਾਲੀ data-theme ਪ੍ਰਤੀਯੋਗਿਤਾ ਕਰੋ ਹੋਵੇਗੀ。
Page
data-role="page" ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ ਕੰਟੇਨਰ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-add-back-btn | حق یا نادرست | ਸਵੈਚਾਲਿਤ ਰੂਪ ਵਿੱਚ ਬੱਕ ਬਟਨ ਜੋੜੋ, ਇਹ ਸਿਰਫ਼ ਹੈੱਡਰ ਵਿੱਚ ਵਰਤਿਆ ਜਾਵੇਗਾ。 |
data-back-btn-text | data-title | ਬੱਕ ਬਟਨ ਦੇ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-back-btn-theme | لیٹر (اے ز) | ਬੱਕ ਬਟਨ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-close-btn-text | لیٹر (اے ز) | ਇੱਕ ਕੇਸ਼ਤਰ ਵਿੱਚ ਬੰਦ ਕਰਨ ਵਾਲੇ ਬਟਨ ਦੇ ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-dom-cache | حق یا نادرست | data-dom-cache |
data-overlay-theme | لیٹر (اے ز) | data-dom-cache |
داخل تھیم | لیٹر (اے ز) | data-dom-cache |
ਪੰਨੇ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ "c" ਹੈ。 | data-title | sometext |
ਪੰਨੇ ਦੇ ਟਾਈਟਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 | data-url | url |
ਇਹ ਮੁੱਲ URL ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਵਾਲਾ ਹੈ, ਨਹੀਂ ਕਿ ਪੰਨੇ ਦੀ ਮੰਗ ਕਰਨ ਵਾਲਾ ਹੈ。
Popup
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
ਪੋਪਅੱਪ ਵਾਲੇ data-role="popup" ਪ੍ਰਤੀਯੋਗਤਾ ਵਾਲੇ ਕੰਟੇਨਰ: | حق یا نادرست | ਪੋਪਅੱਪ ਦੇ ਹੱਥੀਆਂ ਹੋਣ ਦੀ ਸ਼ਰਤ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਪਾਰਦਰਸ਼ੀ ਬੈਕਗਰਾਊਂਡ (none) ਹੈ。 |
data-overlay-theme | لیٹر (اے ز) | data-corners |
ਪੋਪਅੱਪ ਦੇ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਪਾਰਦਰਸ਼ੀ ਬੈਕਗਰਾਊਂਡ (none) ਹੈ。 | حق یا نادرست | data-shadow |
داخل تھیم | لیٹر (اے ز) | ਪੋਪਅੱਪ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ, ਮੂਲ ਰੂਪ ਵਿੱਚ ਇਹ ਵਾਲੀਆਂ ਸ਼ਰਤਾਂ ਵਿੱਚ ਹੈ, "none" ਸੈਟ ਕੀਤਾ ਜਾਵੇਗਾ ਤਾਕਿ ਪਾਰਦਰਸ਼ੀ ਹੋਵੇ。 |
data-tolerance | 30, 15, 30, 15 | ਵਿੰਡੋ ਦੇ ਕਿਨਾਰੇ (top, right, bottom, left) ਦੀ ਦੂਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
data-rel="popup" ਪ੍ਰਤੀਯੋਗਤਾ ਵਾਲੇ ਅਨੁਮੋਦਨ:
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-position-to | origin | jQuery selector | window | ਪੋਪਅੱਪ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。 Origin - ਮੂਲ ਰੂਪ, ਪੋਪਅੱਪ ਉਸ ਲਿੰਕ 'ਤੇ ਖੁੱਲ੍ਹੇਗਾ ਜੋ ਉਸ ਨੂੰ ਖੋਲ੍ਹਦਾ ਹੈ。 jQuery selector - ਪੋਪਅੱਪ ਨਿਰਧਾਰਿਤ ਵਿਸ਼ੇਸ਼ ਐਲੀਮੈਂਟ ਉੱਤੇ ਹੋਵੇਗਾ。 ਵਿੰਡੋ - ਪੋਪਅੱਪ ਵਿੰਡੋ ਸਕਰੀਨ ਦੇ ਮੱਧ ਵਿੱਚ ਹੋਵੇਗਾ。 |
data-rel | popup | ਖੁੱਲ੍ਹਣ ਵਾਲੇ ਪੋਪਅੱਪ ਲਈ ਵਰਤੋਂ ਕਰੋ。 |
data-transition | fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none | ਇੱਕ ਪੰਨੇ ਤੋਂ ਦੂਜੇ ਪੰਨੇ ਤੱਕ ਟ੍ਰਾਂਸੀਸ਼ਨ ਕਰਨ ਦੀ ਸ਼ਰਤ ਨਿਰਧਾਰਿਤ ਕਰੋ, jQuery Mobile ਟ੍ਰਾਂਸੀਸ਼ਨ ਦੇ ਸਮਾਨ ਹੈ。 |
ਰੇਡੀਓ ਬਟਨ
label ਅਤੇ type="radio" ਦੇ input ਨਾਲ ਮੈਚ ਕਰਨ ਵਾਲਾ input, ਆਪਣੇ ਹੀ ਵਿੱਚ ਬਟਨ ਸਟਾਈਲ ਵਿੱਚ ਰੱਖਿਆ ਜਾਵੇਗਾ, data-role ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੋਵੇਗੀ。
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل چھوٹا | حق یا نادرست | ਬਟਨ ਨੂੰ ਛੋਟੇ ਜਾਂ ਆਮ ਆਕਾਰ ਵਾਲੇ ਬਣਾਉਣ ਦੀ ਸ਼ਰਤ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
داخل رول | کچھ نہیں | jQuery Mobile ਨੂੰ ਵਰਤਣ ਨਾਲ ਰੇਡੀਓ ਬਟਨ ਨੂੰ enhanced buttons ਦੀ ਸਟਾਈਲ ਵਿੱਚ ਰੱਖੋ。 |
داخل تھیم | لیٹر (اے ز) | ਰੇਡੀਓ ਬਟਨ ਦਾ ਥੀਮ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
نکات:ਜੇਕਰ ਕਈ ਰੇਡੀਓ ਬਟਨਾਂ ਨੂੰ ਮਿਲਾਉਣਾ ਹੈ, ਤਾਂ data-role="controlgroup" ਅਤੇ data-type="horizontal|vertical" ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਟਨਾਂ ਨੂੰ ਪੱਧਰੀ ਜਾਂ ਸਥਿਰ ਢਾਂਚੇ ਵਿੱਚ ਮਿਲਾਓ。
Select
سبھی <select> عناصر. خودکار طور پر بوتن کی طرح پر رنگ کردیا جا،data-role کی ضرورت نہیں.
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-icon | آئیکن رجوع | سیکلٹ عناصر کا آئیکن مقرر کردیا. جائز "arrow-d". |
data-iconpos | بائیں | درست | اوپر | نیچے | نا متن | آئیکن کی جگہ کا مقرر کردیا. |
data-inline | حق یا نادرست | سیکلٹ عناصر کو درج کیا یا نہیں کا مقرر کردیا. |
داخل چھوٹا | حق یا نادرست | سیکلٹ عناصر کو چھوٹا یا معمولی سائز کا مقرر کردیا. |
data-native-menu | حق یا نادرست | اگر false مقرر کردیا تو jQuery کا خودکار انتخاب منو استعمال کردیا ( اگر آپ چاہتائیا کہ انتخاب منو سبھی موبائل ڈیوائس پر ایک ساتھ نظر آئیا تو سفارش کردیا). |
data-overlay-theme | لیٹر (اے ز) | jQuery کا خودکار انتخاب منو کا موضوعی رنگ مقرر کردیا (data-native-menu="false" کے ساتھ استعمال کردیا). |
data-placeholder | حق یا نادرست | غیر اولین سیکلٹ کی <option> عناصر پر استعمال کردیا. |
داخل رول | کچھ نہیں | jQuery Mobile کا استعمال کردیا سیکلٹ عناصر کو بوتن کی طرح بنائیا. |
داخل تھیم | لیٹر (اے ز) | سیکلٹ عناصر کا موضوعی رنگ مقرر کردیا. |
نکات:کئی سیکلٹ عناصر کو کومبائن کردیا،data-role="controlgroup" اور data-type="horizontal|vertical" استعمال کردیا تا مقرر کردیا کہ اس عناصر کو کس طرح پر کومبائن کردیا.
Slider
type="range" کا input عناصر. خودکار طور پر بوتن کی طرح پر رنگ کردیا جا،data-role کی ضرورت نہیں.
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
data-highlight | حق یا نادرست | اسکریپٹ کی راستے کو برجستگی کا مقرر کردیا. |
داخل چھوٹا | حق یا نادرست | اسکریپٹ کو چھوٹا یا معمولی سائز کا مقرر کردیا. |
داخل رول | کچھ نہیں | jQuery Mobile کا استعمال کردیا اسکریپٹ کی ستیل بوتن کی طرح بنائیا. |
داخل تھیم | لیٹر (اے ز) | اسکریپٹ کنٹرول (input، ہینڈل اور track) کا موضوعی رنگ مقرر کردیا. |
data-track-theme | لیٹر (اے ز) | اسکریپٹ کی رنگ کا موضوعی رنگ مقرر کردیا. |
Text input & Textarea
type="text|search|etc." کا input یا textarea عناصر. خودکار طور پر رنگ کردیا جا،data-role کی ضرورت نہیں.
داخلی اٹری بیوٹ | مطلب | وصف |
---|---|---|
داخل چھوٹا | حق یا نادرست | داخل عنصر کو چھوٹا یا عادی سائز کا تعین کرتا ہے |
داخل رول | کچھ نہیں | جی کوئی موبائل کو input/textarea کا اسلائدر بنانے والا دکھانچہ رکھتا ہے |
داخل تھیم | لیٹر (اے ز) | داخل کا مطلب کا رنگ تھیم کا تعین کرتا ہے |
- پچھلے پیج جی کوئی موبائل مثال
- آئندہ پیج جی کوئی موبائل واقعیتی واقعات