Ажывіце кампаненты Bootstrap — цяпер з 12 карыстальніцкімі плагінамі jQuery .
Аптымізаваны, але гнуткі варыянт традыцыйнага мадальнага плагіна javascript толькі з мінімальна неабходнай функцыянальнасцю і разумнымі наладамі па змаўчанні.
Спампаваць файлНіжэй прыведзены статычна візуалізаваны мадальны выгляд.
Адно добрае цела…
Пераключыце мадальны рэжым праз javascript, націснуўшы кнопку ніжэй. Ён будзе слізгаць уніз і знікаць з верхняй часткі старонкі.
Запусціць дэма-мадальВыклік мадальнага праз javascript:
- $ ( '#myModal' ). мадальны ( варыянты )
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
заднік | лагічны | праўда | Уключае элемент мадальнага фону |
клавіятура | лагічны | праўда | Закрывае мадальнае, калі націснута клавіша выхаду |
Вы можаце лёгка актываваць мадыфікацыі на сваёй старонцы без неабходнасці пісаць ніводны радок JavaScript. Проста ўсталюйце data-toggle="modal"
элемент кантролера з data-target="#foo"
або href="#foo"
, які адпавядае ідэнтыфікатару мадальнага элемента, і пры націску ён запусціць ваш мадальны элемент.
Акрамя таго, каб дадаць параметры ў свой мадальны асобнік, проста ўключыце іх у якасці дадатковых атрыбутаў даных альбо ў элемент кіравання, альбо ў саму мадальную разметку.
- <a class = "btn" data-toggle = "modal" href = "#myModal" > Запусціць Modal </a>
- <div class = "modal" >
- <div class = "modal-header" >
- <a class = "close" data-dismiss = "modal" > × </a>
- <h3> Мадальны загаловак </h3>
- </div>
- <div class = "modal-body" >
- <p> Адно цудоўнае цела… </p>
- </div>
- <div class = "modal-footer" >
- <a href = "#" class = "btn btn-primary" > Захаваць змены </a>
- <a href = "#" class = "btn" > Зачыніць </a>
- </div>
- </div>
.fade
клас да
.modal
элемента (звярніцеся да дэманстрацыі, каб убачыць гэта ў дзеянні) і ўключыце bootstrap-transition.js.
Актывуе ваш кантэнт як мадальны. Прымае дадатковыя параметры object
.
- $ ( '#myModal' ). мадальны ({
- клавіятура : ілжыва
- })
Уручную пераключае мадальнае.
- $ ( '#myModal' ). мадальны ( 'пераключыць' )
Уручную адкрывае мадальнае.
- $ ( '#myModal' ). мадальны ( 'паказаць' )
Уручную хавае мадальнае.
- $ ( '#myModal' ). мадальны ( 'схаваць' )
Мадальны клас Bootstrap паказвае некалькі падзей для падключэння да мадальнай функцыянальнасці.
Падзея | Апісанне |
---|---|
паказаць | Гэта падзея запускаецца неадкладна пры show выкліку метаду асобніка. |
паказана | Гэта падзея запускаецца, калі мадальны элемент становіцца бачным для карыстальніка (будзе чакаць завяршэння пераходаў CSS). |
схаваць | Гэта падзея запускаецца адразу пасля hide выкліку метаду асобніка. |
схаваны | Гэта падзея запускаецца, калі мадаль скончыў быць схаваным ад карыстальніка (будзе чакаць завяршэння пераходаў CSS). |
- $ ( '#myModal' ). on ( 'hidden' , function () {
- // зрабіць нешта...
- })
Дадайце выпадальныя меню практычна да ўсяго ў Bootstrap з дапамогай гэтага простага плагіна. Bootstrap мае поўную падтрымку выпадальнага меню на панэлі навігацыі, укладках і таблетках.
Спампаваць файлНацісніце на навігацыйныя спасылкі выпадальнага меню на панэлі навігацыі і таблеткі ніжэй, каб праверыць выпадальныя меню.
Выклік выпадаючых спісаў праз javascript:
- $ ( '.dropdown-toggle' ). выпадальны спіс ()
Каб хутка дадаць функцыянальнасць выпадальнага меню да любога элемента, проста дадайце data-toggle="dropdown"
, і любое сапраўднае выпадальнае меню загрузкі будзе аўтаматычна актывавана.
data-target="#fat"
або
href="#fat"
.
- <ul class = "nav pills" >
- <li class = "active" ><a href = "#" > Звычайная спасылка </a></li>
- <li class = "dropdown " id = "menu1" >
- <a class = "dropdown-toggle" data-toggle = "dropdown" href = "#menu1" >
- Падаць
- <b class = "caret" ></b>
- </a>
- <ul class = "dropdown-menu" >
- <li><a href = "#" > Дзеянне </a></li>
- <li><a href = "#" > Яшчэ адно дзеянне </a></li>
- <li><a href = "#" > Тут яшчэ нешта </a></li>
- <li class = "падзельнік" ></li>
- <li><a href = "#" > Асобная спасылка </a></li>
- </ul>
- </li>
- ...
- </ul>
Праграмны API для актывацыі меню для дадзенай панэлі навігацыі або навігацыі з укладкамі.
Плагін ScrollSpy прызначаны для аўтаматычнага абнаўлення мэт навігацыі на аснове пазіцыі пракруткі.
Спампаваць файлПракруціце вобласць ніжэй і паглядзіце абнаўленне навігацыі. Выпадальныя падпункты таксама будуць вылучаны. Паспрабуйце!
Рэкламныя легінсы кейтар, бранч ід арт вечарынка долар працы. Pitchfork yr enim lo-fi, перш чым яны раскупілі qui. Правы на веласіпеды Tumblr ад фермы да стала. Кардіган Anim keffiyeh Carles. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Швэдар Cosby, джынсавыя шорты ў стылі лома, талстоўка з капюшонам Williamsburg, мінімальная талстоўка, пра якую вы, напэўна, не чулі, і кардыган, траставы фонд, эстэтыка біядызеля Уэса Андэрсана. Nihil вытатуяваны акузамус, іронія біядызель keffiyeh рамеснік ullamco consequat.
Веніям марфа вусы скейтборд, адзіпісінг фугіат вяліт вілы барада. Барада Фрыгана, як купідатат Вера Максуіні. Cupidatat four loko nisi, ea helvetica nulla carles. Швэдар Косбі з татуіроўкамі, фуд-трак, вінілавая кружэлка mcsweeney's quis non freegan. Lo-fi Уэс Андэрсан +1 швейнае майстэрства. Carles неэстэтычнае практыкаванне quis gentrify. Brooklyn adipisicing vice beer vice keytar deserunt.
Occaecat commodo aliqua delectus. Fap крафтавае піва дэзерунт скейтборд ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin кава in magna veniam. High life id вініл, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi мініяцюрная сумка DIY. Cred ex in, sustainable 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.
Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Сапіентэ сінтэз ідэнтыфікатар мяркуецца. Locavore sed helvetica cliche іронія, thundercats, вы напэўна не чулі пра іх consequat талстоўка без глютена lo-fi fap aliquip. Labore elit placeat, перш чым яны былі распрададзеныя, Тэры Рычардсан прадастаўляў позні сняданак, не знайшоўшы касбі швэдар, парыятур кефія, або helvetica artisan. Кардіган крафтавы піва сейтан гатовы веліт. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
Выклік ScrollSpy праз javascript:
- $ ( '#navbar' ). ScrollSpy ()
Каб лёгка дадаць шпіёнскія паводзіны для вашай верхняй панэлі навігацыі, проста дадайце data-spy="scroll"
элемент, за якім вы хочаце сачыць (часцей за ўсё гэта будзе цела).
- <body data-spy = "scroll" > ... </body>
<a href="#home">home</a>
павінен адпавядаць чаму-то ў доме, як
<div id="home"></div>
.
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
зрушэнне | лік | 10 | Пікселі для зрушэння ад верху пры разліку пазіцыі пракруткі. |
Гэты плагін дадае хуткія, дынамічныя функцыі ўкладкі і таблеткі для пераходу праз лакальны кантэнт.
Спампаваць файлПстрыкніце ўкладкі ніжэй, каб пераключацца паміж схаванымі панэлямі, нават з дапамогай выпадаючых меню.
Неапрацаваны дэнім, вы напэўна не чулі пра іх джынсавыя шорты Осцін. Nesciunt tofu stumptown aliqua, рэтра-сінтэзатар майстар ачысткі. Moustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Швэдар Cosby eu banh mi, qui irure Тэры Рычардсан былы кальмар. Aliquip placeat salvia cillum iphone. Seitan aliquip quis кардыган амерыканскае адзенне, мяснік voluptate nisi 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.
Мастацкая вечарына мэтавага фонду "Сейтан", "Кейтар" з неапрацаванага дэніму "Кефія" і "этсі", перш чым яны распрадалі швэдар "Майстар Клішн" без глютена, кальмары, Фрыган Косбі. Фані-пакет з портлендскага сейтана сваімі рукамі, мастацкая вечарынка, locavore, воўчы клішэ, светскае жыццё, рэха-парк, Осцін. Cred вініл keffiyeh DIY salvia PBR, banh mi, перш чым яны распрадалі з фермы да стала VHS вірусны швэдар Cosby. Ломо воўк вірусны, вусы гатовы thundercats keffiyeh рамеснае піва marfa этычнае. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Уключыць укладкі з дапамогай javascript:
- $ ( '#myTab' ). укладка ( 'паказаць' )
Вы можаце актываваць навігацыю па ўкладках або таблетках без напісання JavaScript, проста ўказаўшы data-toggle="tab"
або 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>
Актывуе элемент укладкі і кантэйнер змесціва. Укладка павінна мець або `data-target`, або `href`, накіраваны на вузел кантэйнера ў Dom.
- <ul class = "tabs" >
- <li class = "active" ><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 = "актыўная панэль укладак" id = "home" > ... </div>
- <div class = "tab-pane" id = "profile" > ... </div>
- <div class = "tab-pane" id = "messages" > ... </div>
- <div class = "tab-pane" id = "settings" > ... </div>
- </div>
- <скрыпт>
- $ ( функцыя () {
- $ ( '.tabs a:last' ). укладка ( 'паказаць' )
- })
- </script>
Падзея | Апісанне |
---|---|
паказаць | Гэта падзея запускаецца падчас паказу ўкладак, але да таго, як будзе паказана новая ўкладка. Выкарыстоўвайце event.target і event.relatedTarget , каб нацэліць на актыўную ўкладку і папярэднюю актыўную ўкладку (калі ёсць) адпаведна. |
паказана | Гэта падзея спрацоўвае падчас паказу ўкладак пасля паказу ўкладкі. Выкарыстоўвайце event.target і event.relatedTarget , каб нацэліць на актыўную ўкладку і папярэднюю актыўную ўкладку (калі ёсць) адпаведна. |
- $ ( 'a[data-toggle="tab"]' ). on ( 'паказана' , функцыя ( e ) {
- е . мэта // актываваная таб
- е . relatedTarget // папярэдняя ўкладка
- })
Натхнёны выдатным убудовай jQuery.tipsy, напісаным Джэйсанам Фрэймам; Усплывальныя падказкі - гэта абноўленая версія, якая не залежыць ад малюнкаў, uss css3 для анімацыі і атрыбутаў даных для лакальнага захавання загалоўкаў.
Спампаваць файлНавядзіце курсор на спасылкі ніжэй, каб убачыць падказкі:
Вузкія штаны новага ўзроўню кефія , вы напэўна не чулі пра іх. Photobooth beard raw denim highprint веганская сумка-мессенджер stumptown. Сейтан ад фермы да стала, 8-бітнае амерыканскае адзенне McSweeney's Sustainable quinoa мае вінілавае шамбрэ Тэры Рычардсана . Барада стамптаун, кардіганы banh mi lomo thundercats. Біядызельнае паліва тофу, уільямсбургская марфа, веганскі шамбре з чатырох лока Максвіні. Сапраўды іранічны рамеснік, незалежна ад таго, кейтар , сцэніст, ад фермы да стала, Бэнксі, Осцін, твітэр , фрыган, крэда, джынсавая сырая кава, вірус аднаго паходжання.
Запусціць падказку праз javascript:
- $ ( '#прыклад' ). падказка ( варыянты )
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
анімацыя | лагічны | праўда | прымяніць пераход CSS Fade да падказкі |
размяшчэнне | радок | "топ" | як размясціць падказку - зверху | унізе | злева | справа |
селектар | радок | ілжывы | Калі прадастаўляецца селектар, аб'екты ўсплывальнай падказкі будуць дэлегаваны ўказаным мэтам. |
назва | радок | функцыя | '' | значэнне загалоўка па змаўчанні, калі тэг `title` адсутнічае |
трыгер | радок | "парыць" | як спрацоўвае падказка - навядзіце | фокус | кіраўніцтва |
затрымка | нумар | аб'ект | 0 | затрымка паказу і хавання падказкі (мс) Калі ўказана лічба, затрымка прымяняецца як для схавання, так і для паказу Структура аб'екта: |
З меркаванняў прадукцыйнасці, Tooltip і Popover data-apis даступныя. Калі вы жадаеце іх выкарыстоўваць, проста ўкажыце опцыю выбару.
Далучае апрацоўшчык падказкі да калекцыі элементаў.
Адкрывае падказку элементаў.
- $ ( '#элемент' ). падказка ( 'паказаць' )
Хавае падказку элементаў.
- $ ( '#элемент' ). падказка ( 'схаваць' )
Пераключае падказку элементаў.
- $ ( '#элемент' ). падказка ( 'пераключэнне' )
Дадайце невялікія накладкі змесціва, напрыклад, на iPad, да любога элемента для размяшчэння другаснай інфармацыі.
* Патрабуецца ўключэнне падказкі
Спампаваць файлНавядзіце курсор на кнопку, каб выклікаць усплывальнае акно.
Уключыць усплывальныя вокны праз javascript:
- $ ( '#прыклад' ). повер ( варыянты )
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
анімацыя | лагічны | праўда | прымяніць пераход CSS Fade да падказкі |
размяшчэнне | радок | "права" | як размясціць поповер - зверху | унізе | злева | справа |
селектар | радок | ілжывы | калі прадастаўляецца селектар, аб'екты ўсплывальнай падказкі будуць дэлегаваны ўказаным мэтам |
трыгер | радок | "парыць" | як спрацоўвае падказка - навядзіце | фокус | кіраўніцтва |
назва | радок | функцыя | '' | значэнне загалоўка па змаўчанні, калі атрыбут `title` адсутнічае |
змест | радок | функцыя | '' | значэнне кантэнту па змаўчанні, калі атрыбут `data-content` адсутнічае |
затрымка | нумар | аб'ект | 0 | затрымка паказу і схавання ўсплываючага акна (мс) Калі ўказана лічба, затрымка прымяняецца як для схавання, так і для паказу Структура аб'екта: |
З меркаванняў прадукцыйнасці, Tooltip і Popover data-apis даступныя. Калі вы жадаеце выкарыстоўваць іх, проста ўкажыце опцыю селектара.
Ініцыялізуе ўсплывальныя вокны для калекцыі элементаў.
Адкрывае ўсплывальнае акно элементаў.
- $ ( '#элемент' ). popover ( 'паказаць' )
Хавае ўсплывальнае акно элементаў.
- $ ( '#элемент' ). popover ( 'схаваць' )
Уключае ўсплывальнае акно элементаў.
- $ ( '#элемент' ). popover ( 'пераключыць' )
Убудова абвестак - гэта невялікі клас для дадання блізкіх функцый да абвестак.
СпампавацьУбудова абвестак працуе са звычайнымі паведамленнямі абвестак і блакіроўка паведамленняў.
Змяніце тое і тое і паспрабуйце яшчэ раз. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
Уключыць адхіленне абвесткі праз javascript:
- $ ( ".alert-message" ). абвестка ()
Проста дадайце data-dismiss="alert"
да кнопкі закрыцця, каб аўтаматычна даць функцыю закрыцця папярэджання.
- <a class = "close" data-dismiss = "alert" href = "#" > × </a>
Абгортвае ўсе абвесткі з блізкай функцыянальнасцю. Каб вашы абвесткі аніміраваліся пры закрыцці, пераканайцеся, што да іх ужо прыменены клас .fade
і ..in
Закрывае абвестку.
- $ ( ".alert-message" ). абвестка ( 'блізка' )
Клас папярэджання Bootstrap паказвае некалькі падзей для падключэння да функцыі папярэджання.
Падзея | Апісанне |
---|---|
блізка | Гэта падзея запускаецца неадкладна пры close выкліку метаду асобніка. |
закрытыя | Гэта падзея запускаецца, калі абвестка была закрыта (будзе чакаць завяршэння пераходаў CSS). |
- $ ( '#my-alert' ). bind ( 'закрыты' , функцыя () {
- // зрабіць нешта...
- })
Атрымайце базавыя стылі і гнуткую падтрымку складаных кампанентаў, такіх як акардэоны і навігацыя.
Спампаваць файлВыкарыстоўваючы плагін згортвання, мы стварылі просты віджэт у стылі акардэона:
Уключыць праз javascript:
- $ ( ".collapse" ). згарнуць ()
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
бацька | селектар | ілжывы | Калі селектар, то ўсе згортваемыя элементы пад названым бацькоўскім элементам будуць зачыненыя, калі будзе паказаны гэты згортваемы элемент. (падобна на традыцыйныя паводзіны акардэона) |
пераключаць | лагічны | праўда | Пераключае складны элемент пры выкліку |
Проста дадайце data-toggle="collapse"
і data-target
да элемента, каб аўтаматычна прызначыць кантроль над складаным элементам. Атрыбут data-target
прымае селектар CSS для прымянення згортвання. Абавязкова дадайце клас collapse
да разборнага элемента. Калі вы хочаце, каб ён быў адкрыты па змаўчанні, дадайце дадатковы клас in
.
- <button class = "btn btn-danger" data-toggle = "collapse" data-target = "#demo" >
- простыя разборныя
- </button>
- <div id = "demo" class = "collapse in" > … </div>
data-parent="#selector"
. Звярніцеся да дэманстрацыі, каб убачыць гэта ў дзеянні.
Актывуе ваш кантэнт як складны элемент. Прымае дадатковыя параметры object
.
- $ ( '#myCollapsible' ). згарнуць ({
- пераключыць : ілжыва
- })
Пераключае складны элемент на паказны або схаваны.
Паказвае разборны элемент.
Хавае разборны элемент.
Клас згортвання Bootstrap паказвае некалькі падзей для падключэння да функцыянальнасці згортвання.
Падзея | Апісанне |
---|---|
паказаць | Гэта падзея запускаецца неадкладна пры show выкліку метаду асобніка. |
паказана | Гэта падзея запускаецца, калі элемент згортвання робіцца бачным для карыстальніка (будзе чакаць завяршэння пераходаў CSS). |
схаваць | Гэта падзея запускаецца адразу пасля hide выкліку метаду. |
схаваны | Гэта падзея запускаецца, калі элемент згортвання быў схаваны ад карыстальніка (будзе чакаць завяршэння пераходаў CSS). |
- $ ( '#myCollapsible' ). on ( 'hidden' , function () {
- // зрабіць нешта...
- })
Глядзіце слайд-шоў ніжэй.
Выклік праз javascript:
- $ ( '.carousel' ). карусель ()
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
інтэрвал | лік | 5000 | Колькасць часу затрымкі паміж аўтаматычным цыклам элемента. |
Атрыбуты дадзеных з'яўляюцца неад'емнай часткай плагіна каруселі. Праверце прыклад кода ніжэй для розных тыпаў разметкі.
- <div class = "карусель" >
- <!-- Прадметы каруселі -->
- <div class = "carousel-inner" >
- ...
- </div>
- <!-- Карусельная навігацыя -->
- <a class = "carousel-control left" href = "#myCarousel" data-slide = "prev" > ‹ </a>
- <a class = "carousel-control right" href = "#myCarousel" data-slide = "next" > › </a>
- </div>
Ініцыялізуе карусель дадатковымі опцыямі object
і пачынае цыклічна перамяшчаць элементы.
- $ ( '.myCarousel' ). карусель ({
- інтэрвал : 2000
- })
Пераключаецца па элементах каруселі злева направа.
Спыняе пераход каруселі паміж прадметамі.
Пераключае карусель на пэўны кадр (на аснове 0, падобна да масіва).
Пераход да папярэдняга элемента.
Пераход да наступнага элемента.
Мадальны клас Bootstrap паказвае некалькі падзей для падключэння да мадальнай функцыянальнасці.
Падзея | Апісанне |
---|---|
слайд | Гэта падзея спрацоўвае неадкладна, калі slide выклікаецца метад асобніка. |
слізгаў | Гэта падзея запускаецца, калі карусель завяршае свой пераход слайдаў. |
Базавы плагін, які лёгка пашыраецца, для хуткага стварэння элегантных уводных тэкстаў з любой формай уводу тэксту.
Спампаваць файлПачніце друкаваць у полі ніжэй, каб паказаць вынікі ўводу з апярэджаннем.
Выклічце загадзя праз javascript:
- $ ( '.typeahead' ). уперад ()
Імя | тыпу | па змаўчанні | апісанне |
---|---|---|---|
крыніца | масіў | [ ] | Крыніца даных для запыту. |
элементы | лік | 8 | Максімальная колькасць элементаў для адлюстравання ў выпадальным меню. |
супадзенне | функцыя | неадчувальны да рэгістра | Метад, які выкарыстоўваецца для вызначэння, ці адпавядае запыт элементу. Прымае адзіны аргумент, item адносна якога тэстуецца запыт. Доступ да бягучага запыту з дапамогай this.query . Вяртае лагічнае значэнне true , калі запыт супадае. |
сартавальнік | функцыя | дакладнае супадзенне, адчувальны да рэгістра, неадчувальны да рэгістра |
Метад, які выкарыстоўваецца для сартавання вынікаў аўтазапаўнення. Прымае адзін аргумент items і мае вобласць дзеяння асобніка з апераджальным наборам. Спасылайцеся на бягучы запыт з дапамогай this.query . |
хайлайтер | функцыя | вылучае ўсе супадзенні па змаўчанні | Метад, які выкарыстоўваецца для вылучэння вынікаў аўтазапаўнення. Прымае адзін аргумент item і мае вобласць дзеяння асобніка з апераджальным наборам. Павінен вярнуць html. |
Дадайце атрыбуты дадзеных, каб зарэгістраваць элемент з функцыяй аператыўнага ўводу.
- <input type = "text" data- provide = "typeahead" >
Ініцыялізуе ўвод загалоўкам друку.