Bootstrap компонентларын тормышка китерегез - хәзер 12 махсус jQuery плагины белән.
Тәртипле, ләкин сыгылмалы, минималь кирәкле функцияләр һәм акыллы дефолтлар белән традицион javascript модаль плагинын алыгыз.
Файлны йөкләүТүбәндә статик яктан күрсәтелгән модаль.
Бер яхшы тән…
Javascript аша модальне астагы төймәгә басыгыз. Ул битнең башыннан аска төшеп бетәчәк.
Демо модальне эшләтеп җибәрүJavascript аша модальгә шалтыратыгыз:
- $ ( '#myModal' ). модаль ( вариантлар )
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
фон | буле | дөрес | Модаль-фон элементын үз эченә ала |
клавиатура | буле | дөрес | Качу ачкычы басылганда модальне япа |
Сез биттә модальләрне бер генә javascript язмыйча активлаштыра аласыз. data-toggle="modal"
Контроллер элементына модаль элемент идентификациясенә туры килгән data-target="#foo"
, href="#foo"
һәм басылгач, ул сезнең модалыгызны эшләтеп җибәрәчәк .
Шулай ук, модаль инстанциягә вариантлар өстәү өчен, аларны контроль элементына яисә модаль билгеләргә өстәмә мәгълүмат атрибутлары итеп кертегез.
- <a class = "btn" data-toggle = "modal" href = "#myModal"> Модальне эшләтеп җибәрү </a>
- <div class = "модаль" >
- <div class = "modal-header" >
- <a class = "close" data-dismiss = "modal"> × </a> _
- <h3> Модаль башлам </h3>
- </div>
- <div class = "модаль-тән" >
- <p> Бер яхшы тән ... </p>
- </div>
- <div class = "modal-footer" >
- <a href = "#" class = "btn btn-primary"> changesзгәрешләрне саклагыз </a>
- <a href = "#" class = "btn"> Ябу </a> _
- </div>
- </div>
.fade
, элементка класс өстәгез
.modal
(моны эштә күрү өчен демога карагыз) һәм bootstrap-transition.js кертегез.
Сезнең эчтәлекне модаль итеп активлаштыра. Өстәмә вариантларны кабул итә object
.
- $ ( '#myModal' ). модаль ({
- клавиатура : ялган
- })
Модальне кул белән алыштыра.
- $ ( '#myModal' ). модаль ( 'күчү' )
Кул белән модаль ачыла.
- $ ( '#myModal' ). модаль ( 'шоу' )
Модальне кул белән яшерә.
- $ ( '#myModal' ). модаль ( 'яшерү' )
Bootstrap'ның модаль классы модаль функциягә керү өчен берничә вакыйганы фаш итә.
Вакыйга | Тасвирлау |
---|---|
шоу | show Бу вакыйга инстанция ысулы чакырылганда шунда ук янып тора . |
күрсәтелгән | Бу вакыйга модаль кулланучыга күренгәндә эшләнә (css күчү тәмамлануын көтәр). |
яшер | hide Бу вакыйга инстанция ысулы чакырылганда шунда ук эштән чыгарыла . |
яшерелгән | Бу вакыйга модаль кулланучыдан яшерелгәннән соң җибәрелә (css күчү тәмамлануын көтәр). |
- $ ( '#myModal' ). өстендә ( 'яшерелгән' , функция () {
- // нәрсәдер эшлә ...
- })
Бу гади плагин белән Bootstrap-ның теләсә нинди әйберенә тамчы менюларны өстәгез. Bootstrap диңгез тактасында, өстәмәләрдә, таблеткаларда тулы тамчы меню ярдәме күрсәтә.
Файлны йөкләүАчылуны сынап карау өчен, диңгез тактасындагы тамчы нав сылтамаларына һәм астагы даруларга басыгыз.
Javascript аша тамчыларга шалтыратыгыз:
- $ ( '.dropdown-toggle' ). тамчы ()
Теләсә нинди элементка тиз төшү функциясен өстәү өчен, өстәгез data-toggle="dropdown"
һәм теләсә нинди дөрес йөкләү автоматик рәвештә активлашачак.
data-target="#fat"
Сез өстәмә рәвештә билгеле бер
төшүне максат итеп куя аласыз
href="#fat"
.
- <ul class = "nav таблеткалары" >
- <li class = "актив" > <a href = "#"> Даими сылтама </a> </li>
- <li class = "dropdown " id = "menu1" >
- <a class = "dropdown-toggle" data-toggle = "dropdown" href = "#menu1"> _
- Төшү
- <b класс = "карет" > </b>
- </a>
- <ul class = "тамчы-меню" >
- <li> <a href = "#"> Эш </a> </li>
- <li> <a href = "#"> Тагын бер гамәл </a> </li>
- <li> <a href = "#"> Монда тагын нәрсәдер </a> </li>
- <li класс = "бүлүче" > </li>
- <li> <a href = "#"> Аерылган сылтама </a> </li>
- </ul>
- </li>
- ...
- </ul>
Бирелгән навигация яки меню навигациясе өчен менюларны активлаштыру өчен программалы api.
ScrollSpy плагины әйләндерү позициясенә нигезләнеп диңгез максатларын автоматик рәвештә яңарту өчен.
Файлны йөкләүТүбәндәге өлкәне әйләндерегез һәм навигация яңартуын карагыз. Ачылучы суб-әйберләр дә яктыртылачак. Сынап кара!
Реклама легингс клавиатурасы, иртәнге аш сәнгате кичәсе долор хезмәт. Pitchfork yr enim lo-fi алар сатылганчы. Тамбль фермасы-өстәл велосипед хокуклары. Аним кефия карлес кардиган. Велит сейитан mcsweeney фото кабинасы 3 бүре ай ируры. Косби свитер ломо джин шорты, вильямсбург hoodie minim qui сез алар турында ишетмәгәнсездер, һәм кардиган ышаныч фонды culpa biodiesel wes anderson эстетик. Нихил татуировкаланган аккусамус, кредит ирония биодисель кефиех остасы улламко нәтиҗәсе.
Вениам марфа мыеклы тимераякта, фугат велит питчорк сакалын үзләштерә. Фриган сакал алико купидат мксвейни веро. Купидатат дүрт локо ниси, хельветика нулла карлес. Татуировкаланган косби свитер азык-төлек машинасы, mcsweeney викторинасы булмаган винил. Lo-fi wes anderson +1 сарториаль. Карлес эстетик булмаган күнегүләр. Бруклинда һөнәрчелек сырасы вице-кейтар дезерунты.
Occaecat commodo aliqua delectus. Сыра сырасы дезерунт тимераякта. Ломо велосипед хокуклары банх ми, велит һәм киләсе дәрәҗәдәге локавор бер чыганаклы кофе магна веньямда. Lifeгары тормыш идентификаторы винил, эхо парк нәтиҗәсендә аликип банх ми питчорк. VHS VHS бәяләү. DIY миним хәбәрче сумкасы. Iphone, тотрыклы delectus consectetur fanny pack iphone.
In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
Кейтар тви блог, кулпа хәбәрче сумкасы марфа нинди генә делектус азык-төлек машинасы. Sapiente synth id assumenda. Locavore sed helvetica cliche ирония, күк күкрәү, сез алар турында ишетмәгәнсездер, шуңа күрә глютенсыз ло-фап аликип. Алар сатылганчы эшләгез, терри Ричардсон проидентлы иртәнге аш. Кардиган һөнәрчелек сырасы сейитан әзер велит. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco күк күкрәү.
Javascript аша scrollspy шалтыратыгыз:
- $ ( '#navbar' ). scrollspy ()
Topгары навигациягә scrollspy тәртибен җиңел өстәр data-spy="scroll"
өчен, шпион булырга теләгән элементны өстәгез (гадәттә бу тән булыр иде).
- <body data-spy = "әйләндерү" > ... </body>
<a href="#home">home</a>
, домдагы берәр нәрсәгә туры килергә тиеш
<div id="home"></div>
.
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
офсет | саны | 10 | Пиксель әйләндерү позициясен исәпләгәндә өстән офсет. |
Бу плагин җирле эчтәлеккә күчү өчен тиз, динамик кыстыргыч һәм таблетка функциясен өсти.
Файлны йөкләүЯшерен панельләр арасында күчү өчен астагы кыстыргычларга басыгыз, хәтта тамчы менюлар аша.
Чим джинсы, мөгаен, алар турында джин шорты Остин турында ишетмәгәнсездер. Nesciunt tofu stumptown aliqua, ретро синт мастер чистарту. Мыек кысу температурасы, вильямсбург карлес вегетан гелветика. Репрендерит касапчы ретро кефиех хыялый синт. Косби свитер һәм бан ми, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan америка киеме, касапчы волуптат ниси qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Javascript аша таблицалар таблицаларын рөхсәт итегез:
- $ ( '#myTab' ). кыстыргыч ( 'шоу' )
Сез берәр элементны күрсәтеп data-toggle="tab"
, бернинди javascript язмыйча, таблицаны яки таблетка навигациясен активлаштыра аласыз .data-toggle="pill"
- <ul class = "tabs" >
- <li> <a href = "#home" data-toggle = "tab"> Өй </a> </li >
- <li> <a href = "#profile" data-toggle = "tab"> Профиль </a> </li >
- <li> <a href = "#messages" data-toggle = "tab"> Хәбәрләр </a> </li >
- <li> <a href = "#ettings" data-toggle = "tab"> көйләүләр </a> </li >
- </ul>
Таблица элементын һәм эчтәлек контейнерын активлаштыра. Таблицада "мәгълүмат-максат" яки домдагы контейнер төененә юнәлтелгән "href" булырга тиеш.
- <ul class = "tabs" >
- <li class = "актив" > <a href = "#home"> Өй </a> </li>
- <li> <a href = "#profile"> Профиль </a> </li>
- <li> <a href = "#messages"> Хәбәрләр </a> </li>
- <li> <a href = "#settings"> көйләүләр </a> </li>
- </ul>
- <div class = "tab-content" >
- <div class = "tab-pane active" id = "home" > ... </div>
- <div class = "tab-pane" id = "profile" > ... </div>
- <div class = "tab-pane" id = "хәбәрләр" > ... </div>
- <div class = "tab-pane" id = "settings" > ... </div>
- </div>
- <скрипт>
- $ ( функция () {
- $ ( '.tabs a: соңгы' ). кыстыргыч ( 'шоу' )
- })
- </script>
Вакыйга | Тасвирлау |
---|---|
шоу | Бу вакыйга таблицада күрсәтелә, ләкин яңа кыстыргыч күрсәтелгәнче. event.target Актив кыстыргычны һәм event.relatedTarget алдагы актив кыстыргычны кулланыгыз . |
күрсәтелгән | Бу вакыйга салынма күрсәтелгәннән соң таблицада күрсәтелә. event.target Актив кыстыргычны һәм event.relatedTarget алдагы актив кыстыргычны кулланыгыз . |
- $ ( 'a [data-toggle = "tab"]' ). on ( 'күрсәтелгән' , функция ( e ) {
- д . максат // активлаштырылган кыстыргыч
- д . бәйләнешле Максат // алдагы кыстыргыч
- })
Джейсон Фрэм язган искиткеч jQuery.tipsy плагины белән илһамланып; Кораллар - яңартылган версия, алар рәсемнәргә, анимацияләр өчен uss css3, һәм җирле исем саклау өчен мәгълүмат-атрибутларга таянмыйлар.
Файлны йөкләүКорал киңәшләрен карау өчен түбәндәге сылтамалар өстендә йөрегез:
Киләсе дәрәҗәдәге каты чалбар , сез алар турында ишетмәгәнсездер. Фотогалерея сакал чимал деним хәрефләре вегетариан хәбәрче сумкасы. Ферма-өстәл сейитаны, mcsweeney's fixie тотрыклы квиноа 8 битлы америка киемендә терри ричардсон винил чембрей бар . Сакал боткасы, кардиганнар банх ми ломо күк күкрәү. Тофу биодизель вильямсбург марфа, дүрт локо мксвейни вегетариан камерасын чистарту. Чыннан да, ирония остасы нинди генә ачкыч, сәхнә фермасы - өстәл банкы Остин твиттеры фриган кредит чималы деним бер чыганак кофе вируслы.
Javascript аша корал киңәшен эшләгез:
- $ ( '# мисал' ). кораллар ( вариантлар )
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
анимация | буле | дөрес | css сүнгән коралга күчүне кулланыгыз |
урнаштыру | кыл | 'top' | корал күрсәтмәсен ничек урнаштырырга - өстә | аста | сул | уң |
селектор | кыл | ялган | Әгәр дә селектор тәкъдим ителсә, кораллы объектлар күрсәтелгән максатларга биреләчәк. |
исем | кыл | функциясе | '' | "титул" теге булмаса, килешү исеме исеме |
триггер | кыл | 'каеру' | инструменты ничек этәрелә - кая | фокус | кулланма |
тоткарлау | саны | объект | 0 | корал күрсәтмәсен күрсәтү һәм яшерү (мс) Әгәр дә сан бирелсә, яшерү / күрсәтү өчен тоткарлык кулланыла Объект структурасы: |
Эшчәнлек сәбәпләре аркасында, Tooltip һәм Popover data-apis сайлана. Аларны кулланырга теләсәгез, селектор вариантын күрсәтегез.
Элемент коллекциясенә инструменты эшкәртүчене бәйли.
Элементлар коралын күрсәтә.
- $ ( '# элемент' ). инструменты ( 'шоу' )
Элементлар коралын яшерә.
- $ ( '# элемент' ). кораллар киңәше ( 'яшерү' )
Элементлар коралын алыштыра.
- $ ( '# элемент' ). кораллар киңәше ( 'күчү' )
Икенчел мәгълүмат өчен теләсә нинди элементка, iPadдагы кебек, эчтәлекнең кечкенә каплауларын өстәгез.
* Tooltip кертелүен таләп итә
Файлны йөкләүПоповерны эшләтеп җибәрү өчен төймә өстенә басыгыз.
Javascript аша поповерларны рөхсәт итегез:
- $ ( '# мисал' ). поповер ( вариантлар )
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
анимация | буле | дөрес | css сүнгән коралга күчүне кулланыгыз |
урнаштыру | кыл | 'дөрес' | поповерны ничек урнаштырырга - өстә | аста | сул | уң |
селектор | кыл | ялган | селектор тәкъдим ителсә, кораллы объектлар күрсәтелгән максатларга тапшырылачак |
триггер | кыл | 'каеру' | инструменты ничек этәрелә - кая | фокус | кулланма |
исем | кыл | функциясе | '' | "титул" атрибуты булмаса, килешү исеме |
эчтәлеге | кыл | функциясе | '' | "мәгълүмат-эчтәлек" атрибуты булмаса, килешү бәясе |
тоткарлау | саны | объект | 0 | поповерны күрсәтү һәм яшерү (мс) Әгәр дә сан бирелсә, яшерү / күрсәтү өчен тоткарлык кулланыла Объект структурасы: |
Эшчәнлек сәбәпләре аркасында, Tooltip һәм Popover data-apis сайлана. Әгәр сез аларны кулланырга телисез икән, селектор опциясен күрсәтегез.
Элемент җыю өчен поповерларны башлый.
Поповер элементларын ачып бирә.
- $ ( '# элемент' ). поповер ( 'шоу' )
Элементларны яшерә.
- $ ( '# элемент' ). поповер ( 'яшерү' )
Поповер элементларын алыштыра.
- $ ( '# элемент' ). поповер ( 'күчү' )
Сигнализация плагины - сигнализацияләргә якын функция өстәү өчен кечкенә класс.
ЙөкләүСигнализация плагины регуляр хәбәрләр өстендә эшли, хәбәрләрне блоклый.
Бу һәм теге үзгәртегез һәм кабатлап карагыз. Duis mollis, коммерция булмаган луктус, портитор лигула, ec lacinia odio sem nec elit. Cras mattis consectetur purus amet fermentum утыра.
Javascript аша кисәтүне кире кагарга рөхсәт итегез:
- $ ( ".alert-message" ). уяу ()
Якын data-dismiss="alert"
функцияне автоматик рәвештә бирү өчен, ябык төймәгә өстәгез.
- <a class = "close" data-dismiss = "alert" href = "#"> & times ; </a>
Барлык хәбәрләрне дә якын функция белән урап алыгыз. Ябылганда сезнең хәбәрләр җанлансын өчен, аларда класс .fade
һәм .in
класс кулланылганына инаныгыз.
Кисәтүне япа.
- $ ( ".alert-message" ). уяу ( 'ябык' )
Bootstrap-ның уяу классы уяу функциягә керү өчен берничә вакыйганы фаш итә.
Вакыйга | Тасвирлау |
---|---|
ябык | close Бу вакыйга инстанция ысулы чакырылганда шунда ук янып тора . |
ябык | Бу вакыйга сигнализация ябылганда атыла (css күчү тәмамлануын көтә). |
- $ ( '# my-alert' ). бәйләү ( 'ябык' , функция () {
- // нәрсәдер эшлә ...
- })
Аккордеон һәм навигация кебек җимерелә торган компонентлар өчен төп стильләр һәм сыгылмалы ярдәм алыгыз.
Файлны йөкләүApseимерелү плагинын кулланып, без гади аккордеон стиле виджетын төзедек:
Javascript аша рөхсәт:
- $ ( ".collapse" ). җимерелү ()
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
ата-ана | селектор | ялган | Әгәр селектор булса, күрсәтелгән ата-аналар астында барлык җимерелә торган элементлар бу коллазабил элемент күрсәтелгәндә ябылачак. (традицион аккордеон тәртибенә охшаган) |
күчү | буле | дөрес | Чакырылырлык элементны чакыру |
Автоматик рәвештә җимерелә торган элемент белән идарә итү өчен элементны өстәгез data-toggle="collapse"
. data-target
Атрибут җимерелүне data-target
куллану өчен css селекторын кабул итә. Классны collapse
җимерелә торган элементка өстәргә онытмагыз. Килешү ачык булса, өстәмә класс өстәгез in
.
- <button class = "btn btn-danger" data-toggle = "җимерелү" data-target = "#demo" >
- гади җимерелә
- </button>
- <div id = "demo" class = "җимерелү" > ... </div>
data-parent="#selector"
. Моны эштә күрү өчен демога мөрәҗәгать итегез.
Эчтәлекне җимерелә торган элемент буларак активлаштыра. Өстәмә вариантларны кабул итә object
.
- $ ( '#myCollapsible' ). җимерелү ({
- күчү : ялган
- })
Collимерелә торган элементны күрсәтә яки яшерә.
Apsимерелә торган элементны күрсәтә.
Apsимерелә торган элементны яшерә.
Bootstrap-ның җимерелү классы җимерелү функциясенә кушылу өчен берничә вакыйганы фаш итә.
Вакыйга | Тасвирлау |
---|---|
шоу | show Бу вакыйга инстанция ысулы чакырылганда шунда ук янып тора . |
күрсәтелгән | Бу вакыйга кулланучыга таркалу элементы күренгәч (css күчү тәмамлануын көтеп торачак). |
яшер | Бу вакыйга hide метод чакырылганнан соң ук җибәрелә. |
яшерелгән | Бу вакыйга кулланучыдан таркалу элементы яшерелгәндә атыла (css күчү тәмамлануын көтә). |
- $ ( '#myCollapsible' ). өстендә ( 'яшерелгән' , функция () {
- // нәрсәдер эшлә ...
- })
Түбәндәге слайдшоуны карагыз.
Javascript аша шалтырату:
- $ ( '.carousel' ). карусель ()
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
интервал | саны | 5000 | Автоматик велосипедта велосипедта тоткарлану вакыты. |
Мәгълүмат атрибутлары карусель плагинына аерылгысыз. Төрле билгеләр төрләре өчен түбәндәге мисал кодын карагыз.
- <div class = "карусель" >
- <! - Карусель әйберләре ->
- <div class = "карусель-эчке" >
- ...
- </div>
- <! - Карусель nav ->
- <a class = "carousel-control left" href = "#myCarousel" data-slide = "prev"> & lsaquo ; </a>
- <a class = "carousel-control right" href = "#myCarousel" data-slide = "next"> & rsaquo ; </a>
- </div>
Карусельне өстәмә вариантлар object
белән башлый һәм әйберләр аша велосипедта йөри башлый.
- $ ( '.myCarousel' ). карусель ({
- интервал : 2000
- })
Сулдан уңга карусель әйберләре аша цикллар.
Карусельне велосипедта әйберләр аша туктата.
Карусельне билгеле бер рамкага әйләндерә (0 нигезендә, массивга охшаган).
Алдагы пунктка цикллар.
Киләсе пунктка цикллар.
Bootstrap'ның модаль классы модаль функциягә керү өчен берничә вакыйганы фаш итә.
Вакыйга | Тасвирлау |
---|---|
слайд | slide Бу вакыйга инстанция ысулы кулланылгач шунда ук янып тора . |
слайд | Бу вакыйга карусель слайдка күчүне тәмамлагач атыла. |
Төп, җиңел киңәйтелгән плагин, теләсә нинди форма текст кертү белән зәвыклы типедларны тиз ясау өчен.
Файлны йөкләүТип язу нәтиҗәләрен күрсәтү өчен түбәндәге кырда яза башлагыз.
Javascript аша типка шалтыратыгыз:
- $ ( '.typeahead' ). ( )
Исем | тибы | Килешү | тасвирлау |
---|---|---|---|
чыганак | массив | [] | Сорау өчен мәгълүмат чыганагы. |
әйберләр | саны | 8 | Тамчыда күрсәтелергә тиешле максималь сан. |
матч | функциясе | ваемсыз | Сорау предметка туры килү-килмәвен ачыклау өчен кулланылган ысул. item Сорауны сынап карау өчен бер аргумент кабул итә . Хәзерге сорау белән керегез this.query . true Сорау туры килсә , булеаны кайтар . |
сортировка | функциясе | төгәл матч, очрак сизгер, очрак сизгер |
Автокомплект нәтиҗәләрен тәртипкә китерү өчен кулланылган ысул. Бер аргументны кабул итә items һәм типтагы инстанциянең масштабына ия. Хәзерге сорауга сылтама this.query . |
хайлайтер | функциясе | барлык килешү матчларына басым ясый | Автокомплект нәтиҗәләрен яктырту өчен кулланылган ысул. Бер аргументны кабул итә item һәм типтагы инстанциянең масштабына ия. Html кайтарырга тиеш. |
Тип функциясе булган элементны теркәү өчен мәгълүмат атрибутларын өстәгез.
- <кертү тибы = "текст" мәгълүмат-тәэмин итү = "тип башы" >
Типхед белән керүне башлый.