UI раздели

Tabs плъгин ви позволява да включите избрания елемент в системата на раздела, който помага да се разделят на информацията на няколко пресечки, осигурява лесен достъп до всеки един от тях и да спестите място на страницата. (За тези цели, има и друг приставка - акордеон). За да се направи система раздела елемент, трябва да имат сходна структура:

Изключение е, когато съдържанието на раздела се иска от сървъра (това се прави автоматично с помощта на Аякс технология). Заглавие тези раздели се определя като:

и съдържание елемент не е показана на всички. В един блок, частта на раздела може да завърши, като част от натоварването:

Неуспешните съдържание на поръчката могат да се обработват с помощта на ajaxOptions на собственост (виж например "Аякс" по-горе).

Забележка. динамично добавя раздели (чрез .tabs метод ( "добавяне".)) се получава Class UI-раздели-NUM. където NUM - брой се увеличава с всеки нов раздел (увеличение). Така че, ако ви се случи да използвате една и съща система от класове в собствената си страница, може да има проблеми.

обработка на събитие
Разделите са източник на редица събития и тяхното описание може да се намери в раздел "Събития" на. Три от тях: tabsselect. tabsload tabsshow и събития, които се провеждат по време на прехода от една икона на друг, и това е в реда, в който са изброени.

манипулатори на събития ще получат 2 параметри: стандартната обект за събитие на браузъра и допълнителен обект (наречена ПИ) със следните полета:

ui.tab - котва елемент. определя на съдържанието на избраните ui.panel раздела - елемент със съдържанието на избрания раздел. ui.index - отворен брой раздел (като се започне от нула).

Ако събитието манипулатор tabsselect връща лъжа. След това превключвате между разделите няма да се случи. Това може да бъде полезно, например, когато преминават раздели може да бъде разрешен само след напълване на данни форма в настоящия раздел.

↓ Име на имота: стойностни типове (по подразбиране)

Описанието на имота в официалната документация е двусмислен - са описани отделно, след като две противоречиви свойства с това име. Но очевидно правилната описанието е:

Този имот може да се настрои с множество номера на раздели, които следва да бъдат на разположение за селекция.

Ако съдържанието на разделите ще се зареди от сървъра (с помощта на Аякс), а след това (можете да видите в $ .ajax () на тези настройки) в този имот, можете да зададете настройки изпълняват тези искания Аякс.

Този имот определя дали да кешира раздела изтеглено съдържание, ако това е било поискано от сървъра. Ако стойността невярно. съдържанието ще бъдат заредени всеки път, когато отворите раздела дистанционно. Ако това е вярно, съдържанието на раздела ще се зареди веднъж - по време на първото отваряне (така наречената "мързелив натоварване").

Имайте предвид, че е описано кеша организиран JQuery UI ресурси. Ако искате да направите заявка не кеширани на ниво браузър, трябва да забраните на съответните кеш конфигурационни ajaxOptions.

Ако зададете този имот да е вярно. това ще бъде възможно, за да изключите всички раздели. За да направите това, трябва само да кликнете върху заглавието на отворената в момента раздела (вж. Пример "Затваряне на всички раздели" по-горе).

Тя ви позволява да съхранявате на стойност бисквитка на последния отворен раздел за следващия път, когато отворите същия този раздел (вж. Пример "Използване на бисквитка" по-горе) е открит страници. Използвайте бисквитки само чрез свързване на специален щепсел. Настройките на бисквитките, трябва да укажете обект настройки бисквитки работа. Наличните настройки:

Започвайки с jQueryUI-1.7 в настройките, можете също да укажете името на бисквитки в името на собственост.

Остаряло с jQueryUI-1.7 функция. Използвайте вместо сгъваема.

можете да посочите в случай, случай на всякакъв вид трябва да се извършва върху елемент в раздела с глава, за да я отвори.

Описанието на имота в официалната документация е много непълна, така че в допълнение към трансфера на лични наблюдения добавени опит с плъг-ин, обаче, че е възможно, че нещо липсва.

Това свойство определя типа на анимация използва в укриване и външния вид на разделите, както и продължителността на анимацията. В срока Можете да задавате анимация (низовата стойност "бавен", "нормално" или "бързо" или цяло число - броят на милисекунди). По подразбиране, продължителност, равна на "нормално". анимация тип се дава индикация за режим на променлив CSS-собственост и да я промените (както аз го разбирам, е подходящ само за превключване стойност):

Ако дистанционното раздела, неговата котва елемент, който е, няма заглавие атрибут за генериране на документ за самоличност от идентификатор за самоличност / фрагмент е създаден от този префикс и уникален идентификатор, върнат от $ .data (EL), например "UI-раздели -54 ".

panelTemplate определя HTML-празно, които ще бъдат използвани като зона за съдържанието на раздела, ако това е създаден с помощта на добавката или Аякс-зарежда дистанционно съдържание.

Определя броя на отворените раздели (номерирани от 0). За всички раздели са затворени, трябва да укажете стойността -1.

В този имот, можете да зададете текста на HTML, който се използва като удар с глава на раздел, при изтеглянето на съдържанието. Ако зададете този имот на празен низ, тогава съдържанието на времето за изтегляне, заглавие раздел няма да се променят.

tabTemplate определя HTML-празен, който ще бъде използван като място за заглавието на раздела, ако това е създаден с помощта на добавката за метода. Ценности и #, ще бъдат заменени с текста на URL и заглавие отнася до метод за добавяне на нов раздел.

Той премахва цялата функционалност на разделите приставки към избраните елементи.

Спира приставката на разделите на избраните елементи. За да продължите, то е необходимо да се използва методът .tabs ( "позволи").

Раздели щепсел възобновява работа на избраната клетка (например, след като е бил спрян от .tabs ( "деактивиране")).

Този метод позволява да промените / получи приставката свойства раздели. Ако искате да промените множество свойства, използвайте следната форма на тази функция - .tabs ( "опция", опции). където опции е обект във формата.

Връща избрани от тези елементи, които се включват раздели (търсене провежда на клас UI-раздели, които автоматично се отнасят към тези елементи) се използва.

Премахва раздела, който работи под номер индекс (номериране започва с нула раздели).

Прави простиращо под номер индекс. активен (на разположение за селекция) (направи неактивна раздел, можете да използвате забраните метод). Номерацията започва с 0 раздели.

Резултатът от неактивно състояние веднъж на всички раздели могат да използват имота изключени:

Прави простиращо под номер индекс. неактивно (в сиво) (направи активен раздел, като се използва методът на активиране). Номерацията започва с 0 раздели.

Деактивирайте всички раздели едновременно, можете да използвате свойствата на хората с увреждания:

Това са номерата на разделите са включени в последния аргумента, че стават неактивни.

Разделът се отваря, който работи под номер индекс. Номерацията започва с 0 раздели.

Обновява съдържанието на раздела разширяване под номер на индекс (т.е. раздели чието съдържание се зареждат чрез Ajax). Номерацията започва с 0 раздели.

Връща броя на разделите. Ако избрани повече от един елементи, връща броя на разделите в първата от тях, което е система от разделите.

Довършва всички Аякс заявки, които се изпълняват за получаване на съдържанието на разделите, както и всички съществуващи раздела анимация.

Започва циклично през всички раздели. Превключването става чрез милисекунди МС. Факултативния продължава определя дали да продължи автоматичното превключване е необходимо, ако потребителят да избере един от тях. По подразбиране, този параметър е невярно.

↓ вътрешно име на събитието: външната името