جی کوئی موبایل Data ویژگی‌ها

jQuery Data Properties

jQuery Mobile HTML5 data-* کا استعمال کریگا تاکہ موبائل اپلائیڈز کا ‘تاچ فرینڈلی’ اور خوبصورت درمیانی مظاہرہ تیار ہو.

درج کردہ ملازمت میں تیرا رنگ مقرر کیا گیا ہے.

بٹن

data-role="button" والا سائٹ لنک. آلہ دوسرے بٹن عناصر اور لنک اور ورک فیلڈ کو خودکار طور پر بٹن کا استایل مقرر کرتا ہے، data-role="button" استعمال نہیں کریں.

Data ویژگی‌ها مقدار توضیح
data-corners 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 بٹن کو چھوٹا یا عادی سائز کا مقرر کریں.
data-shadow true | false بٹن پر چھپا پتہ کا مقرر کریں.
data-theme letter (a-z) بٹن کا تمثیل رنگ مقرر کریں.

提示：اگر خواہش داری کچھ بلینوں کو گروپ بنائیں، لطفاً کانٹرول گروپ کا استعمال کریں جس کا data-role="controlgroup" اور data-type="horizontal|vertical" ہو، تاکہ باتیل بائیں یا بالائی بائیں کو گروپ بنائیں.

چیک باکس

لبل اور 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-role="collapsible" کی خاصیت والا کانٹینر میں کسی بھی HTML علامت.

Data ویژگی‌ها مقدار توضیح
data-collapsed true | false محتوے کو بند یا کھولنا چاہئے یا نہیں.
data-collapsed-icon Icons Reference کمپوزیشن کا بٹن کا آئیکون تعلیم کریں. دفعتی طور پر "پلس" ہے.
data-content-theme letter (a-z) کمپوزیشن کی محتوے کی تھیم کا رنگ تعلیم کریں. اس کے ساتھ کمپوزیشن کی محتوے کو کونر اور مارگین کا انداز دینا ہے.
data-expanded-icon Icons Reference محتوے کو کھولنے کی وجہ سے کمپوزیشن کا بٹن کا آئیکون. دفعتی طور پر "مینوس" ہے.
data-iconpos بائیں | دائیں | اوپر | نیچے 规定图标的位置。
data-inset true | false کمپوزیشن کا بٹن کو کونر اور مارگین کا انداز دینا ہے.
data-mini true | false کمپوزیشن کا بٹن چھوٹا یا عادی انداز کا ہوگا.
data-theme letter (a-z) کمپوزیشن کا بٹن کی تھیم کا رنگ تعلیم کریں.

کمپوزیبل سیٹ

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 کمپوزیشن کا بٹن کو کونر اور مارگین کا انداز دینا ہے.
data-mini true | false کمپوزیشن کا بٹن چھوٹا یا عادی انداز کا ہوگا.
data-theme letter (a-z) کمپوزیشن کی مجموعے کی تھیم کا رنگ تعلیم کریں.

کنٹینٹ

data-role="content" کی خاصیت والا کانٹینر ہے.

Data ویژگی‌ها مقدار توضیح
data-theme letter (a-z) محتوے کی تھیم کا رنگ تعلیم کریں. دفعتی طور پر "c" ہے.

کنٹرول گروپ

data-role="controlgroup" کی خاصیت والا <div> یا <fieldset> کانٹینر ہے. متعدد بٹن کی طرح کے واحد نوعیت کے input (لنک پر مبنی بٹن، رینج، چیک باکس، انتخاب منو) کمپوزیشن کریں.

Data ویژگی‌ها مقدار توضیح
data-mini true | false تعلیم کریں کہ کمپوزیشن چھوٹی یا عادی انداز کی ہوگی.
data-type افقی | عمودی تعلیم کریں کہ کس طرح سے کمپوزیشن افقی یا عمودی طور پر نمودار کیا جائے.

ڈائیالوگ

کے لئے data-role="dialog" کا کانٹینر یا data-rel="dialog" کا لنک ہے.

Data ویژگی‌ها مقدار توضیح
data-close-btn-text sometext مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
data-dom-cache true | false مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
data-overlay-theme letter (a-z) محاورتی پیج کا نچلے رنگ مقرر کریں۔
data-theme letter (a-z) مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
data-title sometext مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

Data ویژگی‌ها مقدار توضیح
مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد. true | false Enhancement
data-ajax true | false مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

توضیح:data-enhance

مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

data-enhance="false" مثلاً با استفاده از $.mobile.ignoreContentEnabled=true" برای جلوگیری از اضافه کردن خودکار استایل توسط jQuery Mobile.

مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

Fieldcontainer

Fixed Toolbar

Data ویژگی‌ها مقدار توضیح
مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد. true | false data-disable-page-zoom
data-fullscreen true | false مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد. true | false data-tap-toggle
data-transition مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد. مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
data-update-page-padding true | false مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.
data-visible-on-page-show true | false مخصوصیت کریئر آلن تیلور، کسی که به عنوان یک خواننده و ترانه‌سرا در دهه ۱۹۷۰ مشهور شد.

Flip Toggle Switch

یک عنصر <select> با attribute data-role="slider" و دو عنصر <option>.

Data ویژگی‌ها مقدار توضیح
data-mini true | false تعیین می‌کند که کلید تغییر وضعیت کوچک یا معمولی است.
data-role none از اینکه jQuery Mobile کلید تغییر وضعیت را به عنوان یک style button تنظیم کند، جلوگیری می‌کند.
data-theme letter (a-z) تعیین می‌کند که رنگ موضوع کلید تغییر وضعیت چیست.
data-track-theme letter (a-z) تعیین می‌کند که رنگ موضوع مسیر چیست.

پاورقی

container با attribute data-role="footer".

Data ویژگی‌ها مقدار توضیح
data-id sometext تعیین می‌کند که ID منحصر به فرد چیست. برای پاورقی‌های پایدار ضروری است.
data-position inline | fixed تعیین می‌کند که پاورقی با محتوای صفحه به عنوان یک عنصر درون‌ریز است یا اینکه در پایین باقی می‌ماند.
data-fullscreen true | false تعیین می‌کند که آیا پاورقی همیشه در پایین قرار دارد و محتوای صفحه را پوشش می‌دهد (کمی شفاف).
data-theme letter (a-z) تعیین می‌کند که رنگ موضوع پاورقی چیست. پیش‌فرض "a" است.

توضیح:برای فعال کردن موقعیت fullscreen، از data-position="fixed" استفاده کنید و سپس attribute data-fullscreen را به عنصر اضافه کنید.

سربرگ

container برای data-role="header".

Data ویژگی‌ها مقدار توضیح
data-id sometext تعیین می‌کند که ID منحصر به فرد چیست. برای سربرگ‌های پایدار ضروری است.
data-position inline | fixed تعیین می‌کند که سربرگ با محتوای صفحه به عنوان یک عنصر درون‌ریز است یا اینکه در بالا باقی می‌ماند.
data-fullscreen true | false تعیین می‌کند که آیا صفحه همیشه در بالا قرار دارد و محتوای صفحه را پوشش می‌دهد (کمی شفاف).
data-theme letter (a-z) تعیین می‌کند که رنگ موضوع سربرگ چیست. پیش‌فرض "a" است.

توضیح:برای فعال کردن موقعیت fullscreen، از data-position="fixed" استفاده کنید و سپس attribute data-fullscreen را به عنصر اضافه کنید.

لینک

تمام لینک‌ها، از جمله لینک‌هایی با data-role="button" و دکمه‌های ارسال فرم.

Data ویژگی‌ها مقدار توضیح
data-ajax true | false تعیین می‌کند که آیا صفحه را از طریق AJAX بارگذاری کند یا خیر تا تجربه‌ی کاربری و انتقال بهبود یابد. اگر تنظیم به false باشد، jQuery Mobile درخواست صفحه‌ی معمولی را انجام می‌دهد.
data-direction معکوس انیمیشن انتقال معکوس (فقط برای صفحه یا محاوره استفاده می‌شود)
data-dom-cache true | false کچھ پیج کا jQuery DOM کا ذخیرہ خالی کیا جائے یا نہیں ( اگر یہ چک کیا گیا تو آپ کے پاس DOM کا بندوبست اور تمام موبائل ڈیوائسوں کا پورا امتحان کرنا چاہئے)。
data-prefetch true | false تعیین می‌کند که آیا صفحه را پیش‌بارگذاری می‌کند تا در دسترس کاربر باشد یا خیر.
data-rel بازگشت | محاوره | دوره‌ی بیرونی | پنجره‌ی محاوره‌ای گزینه‌هایی را که مربوط به رفتار لینک‌ها است را تعیین می‌کند. بازگشت - یک قدم به عقب در تاریخچه حرکت می‌کند. محاوره - صفحه را به عنوان یک محاوره باز می‌کند، در تاریخچه ثبت نمی‌شود. دوره‌ی بیرونی - به یک دامنه‌ی دیگر پیوند می‌دهد. باز کردن - پنجره‌ی محاوره‌ای باز می‌کند.
data-transition fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none ایک پیج سے دوسرے پیج تک کس طرح کی تبدیلی کی جائے، jQuery Mobile کی تبدیلی کو دیکھیئے。
data-position-to origin | jQuery selector | window پاپ اپ کی مقام کی مقرر کریں。 مورچی - پیش‌فرضی. در روی لینک بازش می‌شود. jQuery selector - در عنصر مشخص شده نمایش داده می‌شود. Window - در وسط صفحه پنجره نمایش داده می‌شود.

List

<ol> یا <ul> با ویژگی data-role="listview".

Data ویژگی‌ها مقدار توضیح
data-autodividers true | false تعیین اینکه آیا باید موارد لیست به صورت خودکار تقسیم شوند یا خیر.
data-count-theme letter (a-z) رنگ موضوعی کفه شمار تعیین می شود. پیش‌فرض "c" است.
data-divider-theme letter (a-z) رنگ موضوعی خط تیره لیست تعیین می شود. پیش‌فرض "b" است.
data-filter true | false تعیین اینکه آیا باید جعبه فیلتر به لیست اضافه شود یا خیر.
data-filter-placeholder sometext نص جعبه فیلتر تعیین می شود. پیش‌فرض "Filter items..." است.
data-filter-theme letter (a-z) رنگ موضوعی برنامه فیلتر جستجو تعیین می شود. پیش‌فرض "c" است.
data-icon Icons Reference نماد لیست تعیین می شود.
data-inset true | false تعیین اینکه آیا باید حالت‌های گرد و حاشیه‌ای به لیست اضافه شود یا خیر.
data-split-icon Icons Reference نماد دکمه تقسیم تعیین می شود. پیش‌فرض "arrow-r" است.
data-split-theme letter (a-z) رنگ موضوعی دکمه تقسیم تعیین می شود. پیش‌فرض "b" است.
data-theme letter (a-z) رنگ موضوعی لیست تعیین می شود.

مورد لیست

عناصر <li> در <ol> یا <ul> با ویژگی data-role="listview".

Data ویژگی‌ها مقدار توضیح
data-filtertext sometext نصی که در هنگام فیلتر کردن عناصر جستجو می‌شود. این نص به جای نص واقعی موارد لیست جستجو خواهد شد.
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 برای نوار ناوبری ممکن نیست. می‌توان به هر لینک در navbar به طور جداگانه ویژگی data-theme تنظیم کرد.

Page

مخزن با ویژگی data-role="page".

Data ویژگی‌ها مقدار توضیح
data-add-back-btn true | false دکمه بازگشت به صورت خودکار اضافه می شود، فقط برای سربرگ استفاده می شود.
data-back-btn-text sometext نص دکمه بازگشت تعیین می شود.
data-back-btn-theme letter (a-z) رنگ موضوعی دکمه بازگشت تعیین می شود.
data-close-btn-text letter (a-z) نص بستن دکمه دیالوگ تعیین می شود.
data-dom-cache true | false کچھ پیج کا jQuery DOM کا ذخیرہ خالی کیا جائے یا نہیں ( اگر یہ چک کیا گیا تو آپ کے پاس DOM کا بندوبست اور تمام موبائل ڈیوائسوں کا پورا امتحان کرنا چاہئے)。
data-overlay-theme letter (a-z) محاورتی پیج کا نچلے رنگ مقرر کریں۔
data-theme letter (a-z) پیج کا موضوعی رنگ مقرر کریں۔ مولی طور پر "c" مقرر کیا جاتا ہے。
data-title sometext پیج کا عنوان مقرر کریں。
data-url url یہ مقصد URL کو اپدیت کرنا ہے، نہ کہ پیج کو درخواست کرنا ہے。

Popup

data-role="popup" کی خصوصیت والی کانٹینر۔

Data ویژگی‌ها مقدار توضیح
data-corners true | false پاپ اپ کی کونوں کو مقرر کریں یا نہیں۔
data-overlay-theme letter (a-z) پاپ اپ کا نچلے رنگ مقرر کریں۔ مولی طور پر شفاف پس منظر (none) مقرر کیا جاتا ہے。
data-shadow true | false پاپ اپ کا شادی کیا جائے یا نہیں۔
data-theme letter (a-z) پاپ اپ کا موضوعی رنگ مقرر کریں۔ مولی طور پر وارسیس کیا جاتا ہے، "none" میں شفاف مقرر کیا جاتا ہے。
data-tolerance 30, 15, 30, 15 ویندو کی حاشیے سے دوری کی مقرر کریں (top, right, bottom, left)。

data-rel="popup" کی خصوصیت والی آنکھا:

Data ویژگی‌ها مقدار توضیح
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 کا جوڑا، خودکار طور پر بٹن کی شکل میں استعمال کیا جائے گا، data-role کی ضرورت نہیں ہوگی。

Data ویژگی‌ها مقدار توضیح
data-mini true | false بٹن کو چھوٹی یا عادی حجم کا مقرر کریں。
data-role none jQuery Mobile کو استعمال کرکے سول چیک بٹن کو بولٹ بٹن کی شکل میں استعمال کریں。
data-theme letter (a-z) سول چیک بٹن کا موضوعی رنگ مقرر کریں。

提示：کاٹر کئی سول چیک بٹن کو کمپوز کریں، لطفاً data-role="controlgroup" اور data-type="horizontal|vertical" استعمال کریں تاکہ بٹن کو افقی یا عمودی طور پر کمپوز کیا جائے。

Select

所有