جی کوئری موبایل-خصوصیات data
خصوصیات data در جی کوئری
جی کوئری موبایل از خصوصیت اچ تی ام ال 5 *-data برای ایجاد یک ظاهر جذاب برای دستگاه های موبایل استفاده می کند.
در لیست مرجع زیر، مقادیر پررنگ(bold) درواقع مقدار پیش فرض را مشخص می کند.
دکمه
بد دانسته شده در ورژن 1.4 . به جای آن می توانید از کلاس های css استفاده کنید. منظور فراپیوند ها با "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) |
رنگ تم دکمه را مشخص می کند. |
 |
برای گروه بندی کردن چند دکمه، از یک ظرف(container) با خصوصیت "data-role="controlgroup استفاده کنید. و برای اینکه مشخص کنیم که دکمه ها به صورت افقی یا عمودی گروه بندی شوند، از "type="horizontal|vertical نیز استفاده کنید. |
|---|
چک باکس ها
یک برچسب و یک ورودی از نوع "type="checkbox :
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-mini | true | false |
مشخص می کند که آیا چک باکس مورد نظر باید کوچک باشد یا دارای اندازه ی عادی باشد |
| data-role | none |
به جی کوئری موبایل می فهماند که از استایل دهی به چک باکس ها برای اینکه تبدیل به دکمه شوند، جلوگیری کند. |
| data-theme | letter (a-z) |
رنگ تم چک باکس را مشخص می کند. |
|
برای گروه بندی کردن چند دکمه، از یک ظرف(container) با خصوصیت "data-role="controlgroup استفاده کنید. و برای اینکه مشخص کنیم که دکمه ها به صورت افقی یا عمودی گروه بندی شوند، از "type="horizontal|vertical نیز استفاده کنید. |
|---|
پیش ساخته ها
پیش ساخته ها، یک سرفصل هستند که مقداری اطلاعات در داخل خود دارند. این اطلاعات درون یک ظرف(container) با خصوصیت "data-role="collapsible قرار دارند.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-collapsed | true | false |
مشخص می کند که آیا محتوای پیش ساخته باید بسته باشد یا باز باشد. |
| data-collapsed-cue-text | sometext |
متنی را مشخص می کند که برای کاربرانی که از صفحه خوان ها استفاده می کنند قابل شنیدن باشد. متن پیش فرض "click to collapse contents" است. |
| data-collapsed-icon | Icons Reference |
آیکن دکمه ی پیش ساخته را مشخص می کند. آیکن پیش فرض، علامت بعلاوه است. |
| data-content-theme | letter (a-z) |
رنگ تم محتوای پیش ساخته را مشخص می کند. همچنین به محتوای پیش ساخته، گوشه های گرد شده را می دهد. |
| data-expanded-cue-text | sometext |
متنی را مشخص می کند که برای کاربرانی که از صفحه خوان ها استفاده می کنند قابل شنیدن باشد. متن پیش فرض "click to expand contents" است. |
| data-expanded-icon | Icons Reference |
آیکن دکمه ی پیش ساخته را مشخص می کند. این آیکن مخصوص زمانی است که پیش ساخته باز شده است. آیکن پیش فرض علامت منفی می باشد. |
| data-iconpos | left | right | top | bottom |
مکان آیکن مورد نظر را مشخص می کند. |
| data-inset | true | false |
مشخص می کند که آیا دکمه ی پیش ساخته باید دارای گوشه های گرد شده و مقداری margin باشد یا نه. |
| data-mini | true | false |
مشخص می کند که آیا دکمه ی پیش ساخته باید دارای اندازه ی کوچک باشد یا دارای اندازه ی عادی. |
| data-theme | letter (a-z) |
رنگ تم دکمه ی پیش ساخته را مشخص می کند. |
مجموعه های پیش ساخته
اگر می خواهید یک مجموعه از پیش ساخته ها را ایجاد کنید، از یک ظرف(container) به همراه خصوصیت "data-role="collapsibleset استفاده کنید.
| خصوصیت 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 |
مشخص می کند که آیا پیش ساخته ها باید دارای گوشه های گرد شده و مقداری margin باشند یا نه. |
| data-mini | true | false |
مشخص می کند که آیا دکمه های پیش ساخته باید دارای اندازه ی کوچک باشند یا اندازه ی عادی. |
| data-theme | letter (a-z) |
رنگ تم را بری مجموعه پیش ساخته ها مشخص می کند. |
محتوا
محتوا ها ظرف هایی هستند که از خصوصیت "data-role="content استفاده می کنند. اما در ورژن 1.4، بد دانسته شده اند و قرار است در ورژن 1.5 حذف شوند.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-theme | letter (a-z) |
رنگ تم محتوا را مشخص می کند. |
Controlgroup - گروه های کنترل
گروه های کنترل، یک عنصر ظرف <div> یا <fieldset> هستند که دارای خصوصیت "data-role="controlgroup می باشند. گروه های کنترل درواقع دکمه های ورودی(input) که از یک نوع هستند را گروه بندی می کنند. مانند دکمه های ایجاد شده توسط لینک ها، دکمه های رادیویی، چک باکس ها، عناصر انتخابی. برای گروه بندی کردن چک باکس های فرم و دکمه های رادیویی، توصیه می شود که از یک ظرف <fieldset> درون یک عنصر <div> که دارای کلاس "ui-fieldcontain" است(برای بهتر کردن استایل دهی به برچسب) استفاده کنید:
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-exclude-invisible | true | false |
مشخص می کند که آیا در ارث بری گوشه های گردشده، فرزند های غیر قابل رویت را محروم کند یا نه |
| data-mini | true | false |
مشخص می کند که آیا گروه مورد نظر باید اندازه اش کوچک باشد یا عادی. |
| data-theme | letter (a-z) |
رنگ تم گروه کنترل را مشخص می کند. |
| data-type | horizontal | vertical |
مشخص می کند که آیا گروه مورد نظر باید به صورت افقی یا عمودی نمایش داده شود. |
جعبه ی گفتگو
یک ظرف(container) است که از خصوصیت "data-dialog="true استفاده می کند.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-close-btn | left | right | none |
مکان دکمه ی بستن، را مشخص می کند. |
| data-close-btn-text | sometext |
یک متن را برای دکمه ی بستن، مشخص می کند. |
| data-corners | true | false |
مشخص می کند که آیا جعبه ی گفتگو باید دارای گوشه های گرد شده باشد یا نه. |
| data-dom-cache | true | false |
مشخص می کند که آیا برای صفحات تکی، کش jquery DOM باید پاک شود یا نه(اگر به true ست شود، شما نیاز دارید تا Dom را در تمام دستگاه های موبایل خودتان مدیریت کنید و به طور کامل بررسی کنید. |
| data-overlay-theme | letter (a-z) |
رنگ پوششی(پس زمینه) را برای صفحه ی گفتگو، مشخص می کند. |
| data-theme | letter (a-z) |
رنگ تم را برای صفحه ی گفتگو مشخص می کند. |
| data-title | sometext |
عنوان مورد نظر را برای صفحه ی گفتگو مشخص می کند. |
Enhancement -پیشرفت
به وسیله ی خصوصیات "data-enhance="false یا "data-ajax="false ایجاد می شود.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-enhance | true | false |
اگر که به true ست شود(که به طور پیش فرض است)، جی کوئری موبایل به طور اتوماتیک صفحه را استایل دهی می کند و آن را برای دستگاه های موبایل سازگار می کند. اگر که به false ست شود، فریم ورک مورد نظر صفحه را استایل دهی نمی کند. |
| data-ajax | true | false |
مشخص می کند که آیا برای لود کردن صفحات از ajax استفاده شود یا نه. |
نکته: خصوصیت "data-enhance="false باید در کنار دستور mobile.ignoreContentEnabled=true.$ استفاده شود تا از استایل دهی اتوماتیک جی کوئری موبایل به صفحات، جلوگیری شود.
اگر که دستور mobile.ignoreContentEnabled.$ به true ست شده باشد، هر عنصر لینک یا فرم که درون ظرف ها با خصوصیت "data-azax="false باشد، به وسیله ی قابلیت هدایتی فریم ورک مورد نظر، نادیده گرفته خواهد شد.
ظرف(container) فیلد ها
این ویژگی در ورژن 1.4، بد دانسته شده است و قرار است در ورژن 1.5 حذف شود. به جای آن از کلاس "ui-fieldcontain" استفاده کنید. به طوری که یک ظرف با خصوصیت "data-rple="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 |
padding بالا و پایین صفحه را طوری مشخص می کند که در هنگام تغییر اندازه، یا انتقال یا رویداد های updatelayout، تغییر یابد و آپ دیت شود(جی کوئری موبایل همیشه به هنگام رویداد pageshow مقدار padding ها را آپ دیت می کند. |
| data-visible-on-page-show | true | false |
هنگامی که صفحه نمایش داده می شود، ظاهر بودن نوار ابزار را مشخص می کند. |
کلید دو حالته
این کلید به وسیله ی <"input type="checkbox> به همراه خصوصیت data-role که برابر است با "flipswitch" مشخص می شود:
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-mini | true | false |
مشخص می کند که آیا کلید مورد نظر باید دارای اندازه ی کوچک باشد یا عادی |
| data-on-text | sometext |
مقدار متن "on" را برای کلید دوحالته مشخص می کند(مقدار پیش فرض On است) |
| data-off-text | sometext |
مقدار متن "off" را برای کلید دو حالته مشخص می کند(مقدار پیش فرض off است). |
Footer
یک ظرف است با خصوصیت "data-role="footer.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-id | sometext |
یک ID یکتا را مشخص می کند. برای footer های دائمی ضروری می باشد. |
| data-position | inline | fixed |
مشخص می کند که آیا footer مورد نظر باید نسبت به محتوای صفحه به صورت خطی باشد یا در پایین بماند. |
| data-fullscreen | true | false |
مشخص می کند که آیا footer مورد نظر همیشه باید در پایین و روی محتوای صفحه نمایش داده شود یا نه. |
| data-theme | letter (a-z) |
رنگ تم footer را مشخص می کند. |
نکته: برای فعال کردن مکان دهی fullscreen از خصوصیت "data-position="fixed استفاده کنید و سپس خصوصیت data-fullscreen را به عنصر مورد نظر بدهید.
Header
یک ظرف است به همراه خصوصیت "data-role="header .
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-id | sometext |
یک ID یکتا را مشخص می کند. برای header های دائمی ضروری می باشد. |
| data-position | inline | fixed |
مشخص می کند که آیا header مورد نظر باید نسبت به محتوای صفحه به صورت خطی باشد یا در بالا بماند. |
| data-fullscreen | true | false |
مشخص می کند که آیا header مورد نظر باید همیشه در بالا و روی محتوای صفحه ی مورد نظر نمایش داده شود یا نه. |
| data-theme | letter (a-z) |
رنگ تم از header مورد نظر را مشخص می کند. |
نکته: برای فعال کردن مکان دهی fullscreen از خصوصیت "data-position="fixed استفاده کنید و سپس خصوصیت data-fullscreen را به عنصر مورد نظر بدهید.
Inputs - ورودی ها
ورودی ها به صورت "و ...|type="text|search هستند یا عناصر textarea.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-clear-btn | true | false |
مشخص می کند که آیا ورودی مورد نظر باید یک دکمه ی "پاک کردن" داشته باشد یا نه. |
| data-clear-btn-text | text |
یک متن را برای دکمه ی "پاک کردن" مشخص می کند. مقدار پیش فرض برابر است با "clear text" |
| data-mini | true | false |
مشخص می کند که آیا ورودی مورد نظر باید کوچک باشد و یا دارای اندازه ی عادی باشد. |
| data-role | none |
از اینکه جی کوئری موبایل ورودی ها و textarea ها را استایل دهی کند، جلوگیری می کند. |
| data-theme | letter (a-z) |
رنگ تم را برای فیلد ورودی مشخص می کند. |
Link
تمام لینک ها را دربر می گیرد.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-ajax | true | false |
مشخص می کند که آیا برای بهتر کردن تجربه و انتقال کاربر، از ajax برای لود کردن صفحات استفاده کنیم یا نه. اگر به false ست شود، جی کوئری موبایل از یک درخواست صفحه ی نرمال استفاده می کند. |
| data-direction | reverse |
انیمیشن انتقال را معکوس می کند(تنها برای صفحه یا جعبه گفتگو). |
| data-dom-cache | true | false |
مشخص می کند که آیا برای صفحات تکی، کش jquery DOM باید پاک شود یا نه(اگر به true ست شود، شما نیاز دارید تا Dom را در تمام دستگاه های موبایل خودتان مدیریت کنید و به طور کامل بررسی کنید. |
| data-prefetch | true | false |
مشخص می کند که آیا صفحات را در DOM واکشی اولیه(prefetch) کند یا نه، در این صورت صفحات هنگامی که کاربر از آنها دیدن می کند، در دسترس هستند. |
| data-rel | back | dialog | external | popup |
یک گزینه را برای نحوه ی رفتار لینک مشخص می کند. Back : در history یک قدم به عقب برمی گردد. Dialog: یک لینک را مانند یک جعبه ی گفتگو باز می کند، و در history ردیابی نمی شود. external: برای لینک کردن به دیگر دامنه ها استفاده می شود. popup: یک پنجره ی پاپ آپ را باز می کند. |
| data-transition | fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none |
مشخص می کند که چطور انتقال از یک صفحه به صفحه ی دیگر صورت بگیرد. کافی است به بخش انتقال ها در جی کوئری موبایل رجوع کنید. |
| data-position-to | origin | jQuery selector | window |
مکان پاپ آپ ها را مشخص می کند. origin: پیش فرض. پاپ آپ مورد نظر را بر بالای لینکی که آن را باز کرده است مکان دهی می کند. jquery selector : پاپ آپ مورد نظر را بر بالای عنصر مشخص شده، مکان دهی می کند. window: پاپ آپ مورد نظر را در وسط صفحه ی نمایش مکان دهی می کند. |
لیست ها
به وسیله ی یک <ol> یا <ul> به همراه خصوصیت "data-role="listview ایجاد می شوند.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-autodividers | true | false |
مشخص می کند که آیا آیتم های لیست، به طور اتوماتیک تقسیم شوند یا نه. |
| data-count-theme | letter (a-z) |
رنگ تم را برای دکمه ی شمارنده مشخص می کند. |
| data-divider-theme | letter (a-z) |
رنگ تم را برای تقسیم کننده ی لیست مشخص می کند. |
| data-filter | true | false |
مشخص می کند که آیا یک جعبه ی جستجو را در لیست اضافه کند یا نه. |
| data-filter-placeholder | sometext |
بد دانشته شده در ورژن 1.4. به جای آن از خصوصیت placeholder استفاده کنید. متن درون جعبه ی جستجو را مشخص می کند. مقدار پیش فرض برابر است با "Filter items". |
| data-filter-theme | letter (a-z) |
رنگ تم را برای فیلتر جستجو مشخص می کند. |
| data-icon | Icons Reference |
آیکن لیست مورد نظر را مشخص می کند. |
| data-inset | true | false |
مشخص می کند که آیا لیست مورد نظر باید دارای گوشه های گرد شده و مقداری margin باشد یا نه. |
| data-split-icon | Icons Reference |
آیکن دکمه ی split را مشخص می کند. آیکن پیش فرض "arrow-r" است. |
| data-split-theme | letter (a-z) |
رنگ تم را برای دکمه ی split مشخص می کند. |
| 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 تنها بر روی آیتم های لیست ساخته شده از لینک ها، کار می کند.
نوار هدایتی
<li> elements inside a container with data-role="navbar".
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-icon | Icons Reference |
آیکن آیتم لیست را مشخص می کند. |
| data-iconpos | left | right | top | bottom | notext |
مکان آیکن مورد نظر را مشخص می کند. |
|
نوار های هدایتی، تم را از ظرف های والد خود به ارث می برند. این امکان وجود ندارد که خصوصیت data-theme را به یک نوار هدایتی(navbar) ست کنیم. خصوصیت data-theme منحصرا می تواند به هر لینک درون نوار هدایتی ست شود. |
|---|
صفحه
صفحه، درواقع یک ظرف است به همراه خصوصیت "data-role="page.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-dom-cache | true | false |
مشخص می کند که آیا برای صفحات تکی، کش jquery DOM باید پاک شود یا نه(اگر به true ست شود، شما نیاز دارید تا Dom را در تمام دستگاه های موبایل خودتان مدیریت کنید و به طور کامل بررسی کنید. |
| data-overlay-theme | letter (a-z) |
رنگ پس زمینه ی صفحات گفتگو را مشخص می کند. |
| data-theme | letter (a-z) |
رنگ تم صفحه ی مورد نظر را مشخص می کند. |
| data-title | sometext |
عنوان صفحه ی مورد نظر را مشخص می کند. |
| data-url | url |
سنجیدن برای آپ دیت شدن url .به جای url استفاده شده برای درخواست صفحه. |
پاپ آپ
یک ظرف است که از خصوصیت "data-role="popup استفاده می کند.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-corners | true | false |
مشخص می کند که آیا پاپ آپ باید دارای گوشه های گردشده باشد یا نه. |
| data-dismissible | true | false |
مشخص می کند که آیا پاپ آپ مورد نظر باید با کلیک شدن در بیرون از محیط آن، بسته شود یا نه. |
| data-history | true | false |
مشخص می کند که آیا پاپ آپ مورد نظر به هنگام باز شدن، باید یک آیتم تاریخچه ی مرورگر را ایجاد کند یا نه. اگر به false ست شود، یک آیتم تاریخچه ایجاد نخواهد شد و این باعث خواهد شد که دیگر به وسیله ی دکمه ی Back در مرورگر نتوان به آن دسترسی داشت. |
| data-overlay-theme | letter (a-z) |
رنگ پس زمینه ی جعبه ی پاپ آپ را مشخص می کند. به طور پیش فرض رنگ پس زمینه به صورت محو شده است و هیچ رنگی وجود ندارد. |
| data-shadow | true | false |
مشخص می کند که آیا جعبه ی پاپ اپ باید دارای سایه باشد یا نه. |
| data-theme | letter (a-z) |
رنگ تم جعبه ی پاپ آپ را مشخص می کند. مقدار پیش فرض به ارث می رسد و مقدار "none" باعث می شود که پاپ آپ به صورت محو شده(transparent) باشد. |
| data-tolerance | 30, 15, 30, 15 |
فاصله از گوشه های صفحه را مشخص می کند(بالا و پایین و چپ و راست) |
یک لنگر به همراه خصوصیت "data-rel="popup:
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-position-to | origin | jQuery selector | window |
positions the popup in the middle of the window screen. مکان جعبه های پاپ آپ را مشخص می کند. origin: پیش فرض. پاپ آپ را به بالای لینکی که آن را باز کرده است می برد. jquery selector: پاپ آپ مورد نظر را به بالای یک عنصر مشخص شده می برد. window: پاپ آپ مورد نظر را به وسط صفحه ی نمایش مکان دهی می کند. |
| data-rel | popup |
برای باز کردن جعبه ی پاپ اپ |
| data-transition | fade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none |
مشخص می کند که چطور انتقال از یک صفحه به صفحه ی دیگر باید صورت بگیرد. برای اطلاعات بیشتر به مقاله ی انتقال ها در جی کوئری موبایل بروید. |
دکمه های رادیویی
به برچسب ها و ورودی ها به همراه خصوصیت "type="radio گفته می شود.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-mini | true | false |
مشخص می کند که آیا دکمه ی مورد نظر باید دارای اندازه ی کوچ باشد یا معمولی |
| data-role | none |
از استایل دهی جی کوئری موبایل به دکمه های رادیویی و دکمه های ترقی یافته(enhanced) جلوگیری می کند. |
| data-theme | letter (a-z) |
رنگ تم دکمه ی رادیویی مورد نظر را مشخص می کند. |
|
برای گروه بندی کردن دکمه های رادیویی، از خصوصیت "data-role="controlgroup به همراه خصوصیت "data-type="horizontal|vertical برای مشخص کردن اینکه آیا گروه بندی دکمه ها به صورت افقی باشد یا عمودی، استفاده کنید. |
|---|
Select - انتخاب
به عناصر <select> اطلاق می شود.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-icon | Icons Reference |
آیکن عنصر <select> را مشخص می کند. آیکن چیش فرض "arrow-d" است. |
| data-iconpos | left | right | top | bottom | notext |
مکان آیکن را مشخص می کند. |
| data-inline | true | false |
مشخص می کند که آیا منوی انتخاب باید به صورت خطی باشد یا نه. |
| data-mini | true | false |
مشخص می کند که آیا select مورد نظر باید دارای اندازه ی کوچک باشد یا عادی. |
| data-native-menu | true | false |
هنگامی که به false ست شود، از select پیش فرض و مخصوص خود جی کوئری استفاده می کند( زمانی توصیه می شود که شما بخواهید استایل منوی انتخاب در تمام دستگاه های موبایل به صورت یکسان باشد). |
| data-overlay-theme | letter (a-z) |
رنگ تم منوی انتخاب پیش فرض جی کوئری را مشخص می کند( از آن به همراه خصوصیت "data-native-menu="false استفاده می شود). |
| data-placeholder | true | false |
می تواند در یک عنصر <option> ست شود که در یک select غیر بومی قرار دارد. |
| data-role | none |
از استایل دهی جی کوئری موبایل به منوهای انتخاب برای تبدیل شدن به دکمه، جلوگیری می کند. |
| data-theme | letter (a-z) |
رنگ تم عنصر select را مشخص می کند. |
|
برای گروه بندی کردن دکمه های رادیویی، از خصوصیت "data-role="controlgroup به همراه خصوصیت "data-type="horizontal|vertical برای مشخص کردن اینکه آیا گروه بندی دکمه ها به صورت افقی باشد یا عمودی، استفاده کنید. |
|---|
نوار لغزنده
به ورودی ها با "type="range گفته می شود.
| خصوصیت data | مقدار | توضیحات |
|---|---|---|
| data-highlight | true | false |
مشخص می کند که آیا لغزنده ی مورد نظر باید دارای مسیر رنگی باشد یا نه. |
| data-mini | true | false |
مشخص می کند که آیا لغزنده ی مورد نظر باید دارای اندازه ی کوچک باشد یا عادی. |
| data-role | none |
از استایل دهی جی کوئری به کنترل های لغزنده به طوری که تبدیل به دکمه شوند، جلوگیری می کند. |
| data-theme | letter (a-z) |
رنگ تم را برای کنترل اسلایدر مشخص می کند(ورودی و دستگیره و مسیر) |
| data-track-theme | letter (a-z) |
رنگ تم را برای مسیر اسلایدر مشخص می کند. |
- نوشته شده توسط احسان عباسی
- بازدید: 6019
