Tabhair beatha do chomhpháirteanna Bootstrap - anois le 12 breiseán jQuery saincheaptha.
Glacadh leis an mbreiseán modha traidisiúnta javascript a shruthlíniú, ach atá solúbtha, gan ach an fheidhmiúlacht íosta riachtanach agus mainneachtainí cliste.
Íoslódáil an comhadAnseo thíos tá módúil arna rindreáil go statach.
Comhlacht breá amháin…
Scoránaigh modúl trí javascript trí chliceáil ar an gcnaipe thíos. Sleamhnóidh sé síos agus céimnithe isteach ó bharr an leathanaigh.
Seoladh modúl taispeánaCuir glaoch ar an modúl trí javascript:
$('#myModal').modal(roghanna)
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
chúlra | Boole | fíor | Áirítear eilimint mhodúil chúlra |
méarchlár | Boole | fíor | Dúnann sé an modúl nuair a bhrúitear eochair éalaithe |
seó | Boole | fíor | Taispeánann sé an modúl nuair a thosaigh sé. |
Is féidir leat módúil a ghníomhachtú ar do leathanach go héasca gan aon líne amháin javascript a scríobh. Just a shocrú data-toggle="modal"
ar eilimint rialaitheora le data-target="#foo"
nó href="#foo"
a fhreagraíonn d'aitheantas eilimint mhódúil, agus nuair a chliceáiltear é, seolfaidh sé do mhodúil.
Chomh maith leis sin, chun roghanna a chur le do chás módúil, ní gá ach iad a áireamh mar shaintréithe sonraí breise ar an eilimint rialaithe nó ar an marcáil módúil féin.
<a class="btn" data-toggle="modal" href="#myModal">Mód seolta</a>
<div class="modal" id="myModal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Ceanntásc módúil</h3> </div> <div class="modal-body"> <p>Comhlacht breá amháin…</p> </div> <div class="modal-footer"> <a href="#" class="btn btn-primary">Sábháil athruithe</a> <a href="#" class="btn">Dún</a> </div> </div>
.fade
rang a chur leis an
.modal
eilimint (féach an taispeántas chun é seo a fheiceáil i ngníomh) agus cuir bootstrap-transition.js san áireamh.
Gníomhachtaíonn d'ábhar mar mhodh modúl. Glacann rogha roghnach object
.
$('#myModal').modal({ méarchlár: bréagach })
Scoránaigh modúl de láimh.
$('#myModal').modal ('scoránaigh')
Osclaíonn modúl de láimh.
$('#myModal').modal ('taispeáin')
Folaigh modúl de láimh.
$('#myModal').modal ('folaigh')
Nochtann rang modha Bootstrap roinnt imeachtaí chun dul i ngleic le feidhmiúlacht mhódúil.
Imeacht | Cur síos |
---|---|
seó | Téann an teagmhas seo chun solais láithreach nuair show a ghlaoitear an modh ásc. |
léirithe | Cuirtear an teagmhas seo ar ceal nuair a bheidh an modúl infheicthe ag an úsáideoir (fanfaidh sé go mbeidh na haistrithe css críochnaithe). |
ceilt | Cuirtear an teagmhas seo ar ceal láithreach nuair hide a ghlaoitear an modh ásc. |
i bhfolach | Tá an teagmhas seo bréan nuair a bhíonn an modúl críochnaithe a bheith folaithe ón úsáideoir (fanfaidh sé ag fanacht le haistrithe CSS a chur i gcrích). |
$('#myModal').on('i bhfolach', feidhm () { // Déan rud éigin… })
Cuir biachláir anuas le beagnach rud ar bith in Bootstrap leis an mbreiseán simplí seo. Tá tacaíocht iomlán roghchláir anuas ar Bootstrap sa bharra nascleanúna, cluaisíní agus piollaí.
Íoslódáil an comhadCliceáil ar na naisc nascleanúna anuas sa bharra nascleanúna agus na piollaí thíos chun anuas a thástáil.
Cuir glaoch ar na dropdowns trí javascript:
$('.dropdown-scorog'). dropdown()
Chun feidhmiúlacht anuas a chur go tapa le haon eilimint, ní gá ach cuir leis data-toggle="dropdown"
agus cuirfear aon anuas bootstrap bailí i ngníomh go huathoibríoch.
data-target="#fat"
nó
href="#fat"
.
<ul class="nav pills"> <li class="active"><a href="#">Nasc rialta</a></li> <li class="dropdown" id="menu1"> <a class="dropdown-toggle" data-toggle="titim anuas" href="#menu1"> Titim síos <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">Gníomh</a></li> <li><a href="#">Gníomh eile</a></li> <li><a href="#">Rud éigin eile anseo</a></li> <li class="divider"> </li> <li><a href="#">Nasc scartha</a></li> </ul> </li> ... </ul>
Api ríomhchláraithe chun biachláir a ghníomhachtú do bharra nascleanúna nó nascleanúint tabáilte.
Is é an breiseán ScrollSpy ná spriocanna nascleanúna a nuashonrú go huathoibríoch bunaithe ar an suíomh scrollbharra.
Íoslódáil an comhadScrollaigh an limistéar thíos agus féach ar an nuashonrú nascleanúna. Cuirfear béim ar na fo-mhíreanna anuas freisin. Bain triail as!
Ad leggings keytar, brunch id art party dolor laboure. Pitchfork yr enim lo-fi sular dhíol siad amach qui. Cearta rothar feirme-go-tábla Tumblr is cuma cad é. Anim keffiyeh carles cardigan. Velit seitan mcsweeney both grianghraf 3 mac tíre moon irure. Geansaí Cosby lomo jean shorts, williamsburg hoodie minim qui is dócha nár chuala tú trácht orthu et cardigan trust fund culpa bithdhíosal wes anderson aeistéitiúil. Nihil tattooed accusamus, creid íoróin bithdhíosal keffiyeh artisan ullamco consequat.
Clár scátála mustache Veniam marfa, féasóg adipisicing fugiat velit pitchfork. Freegan féasóg aliqua cupidatat mcsweeney's vero. Cupid ceithre cinn de na ceithre cinn, agus helvetica nulla carles. Trucail bia geansaí tatú-choscáin, vinil quis non freegan mcsweeney. Lo-fi wes anderson +1 sartorial. Carles aclaíocht neamh aeistéitiúil quis gentrify. Beoir ceardaíochta adipiscing Brooklyn leas-eochair deserunt.
Occaecat commodo aliqua delectus. Fap ceardaíochta beoir scátála deserunt ea. Cearta rothar Lomo adipisicing banh mi, velit ea sunt next level locavore caife aon bhunadh i Magna veniam. Ard-shaol aitheantais vinil, macalla pháirc dá bhrí sin aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim Messenger bag. Creid ex in, inbhuanaithe delectus consectetur fanny pack iphone.
I bpáirc macalla teagmhais, glanann máistir tuisceanach officia deserunt mcsweeney toirneach sapiente veniam. Excepteur VHS elit, shoreditch proident +1 bithdhíosal beoir ceardaíochta laborum. Is féidir le seoltóirí caife aon-bhunús ceithre bhealach, cupidatat terry richardson máistir cleanse. Glac leis is dócha nár chuala tú trácht orthu pacáiste fanny party art, tattooed nulla cardigan ad tempor. Mac tíre proident nesciunt sartorial keffiyeh eu banh mi inbhuanaithe. Elit wolf voluptate, lo-fi ea portland sular dhíol siad amach ceithre loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
Ad leggings keytar, brunch id art party dolor laboure. Pitchfork yr enim lo-fi sular dhíol siad amach qui. Cearta rothar feirme-go-tábla Tumblr is cuma cad é. Anim keffiyeh carles cardigan. Velit seitan mcsweeney both grianghraf 3 mac tíre moon irure. Geansaí Cosby lomo jean shorts, williamsburg hoodie minim qui is dócha nár chuala tú trácht orthu et cardigan trust fund culpa bithdhíosal wes anderson aeistéitiúil. Nihil tattooed accusamus, creid íoróin bithdhíosal keffiyeh artisan ullamco consequat.
Keytar twee blog, culpa messenger bag marfa cibé trucail bia delectus. Sapiente synth id assumenda. Locavore sed helvetica cliche íoróin, cait toirneach is dócha nár chuala tú trácht orthu as hoodie lo-fi fap aliquip saor ó ghlútan. Labore elit placeat sular dhíol siad amach, terry richardson proident brunch nesciunt quis costy sweater pariatur keffiyeh ut helvetica artisan. Cardigan ceardaíochta beoir seitan readymade velit. VHS chambray laboris am veniam. Anim mollit minim comodo ullamco thundercats.
Cuir glaoch ar an scrollspy trí javascript:
$('#navbar').scrollspy()
Chun iompar scrollspy a chur le do nascleanúint barrbharra go héasca, ní gá ach a chur data-spy="scroll"
leis an eilimint a bhfuil tú ag iarraidh spy a chur air (is gnách gurb é seo an corp).
<body data-spy="scroll">...</body>
<a href="#home">home</a>
ní mór a fhreagraíonn do rud éigin sa bhaile mhaith
<div id="home"></div>
.
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
fhritháireamh | uimhir | 10 | Picteilíní le fritháireamh ón mbarr agus suíomh an scrolla á ríomh. |
Cuireann an breiseán seo feidhmiúlacht tapa, dinimiciúil cluaisín agus pill leis chun aistriú trí ábhar áitiúil.
Íoslódáil an comhadCliceáil ar na cluaisíní thíos chun scoránaigh idir phána folaithe, fiú trí roghchláir anuas.
Denim amh is dócha nár chuala tú trácht orthu jeans shorts Austin. Nesciunt tofu stumptown aliqua, retro synth máistir cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit búistéir retro keffiyeh dreamcatcher synth. Geansaí Cosby eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan apparel Meiriceánach, búistéir voluptate nisi qui.
Trucailí bia fixie locavore, accusamus mcsweeney's marfa nulla aon-bunús caife caife. Exercitation +1 laboure velit, blog sartorial PBR luiteoga an chéad leibhéal eile wes anderson ceardaí ceithre bhreacán beorach ceardaíochta feirme-go-tábla. Le litirphreas mboth grianghraf, comodo enim craft beoir mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud orgánach, glacadh leis an aeistéitiúil magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente laboure stumptown. Vegan fanny pack odio cillum wes anderson 8-giotán, shorts jean inbhuanaithe féasóg ut DIY culpa eiticiúil terry richardson bithdhíosal. Radharc páirtí ealaíne stumptown, búistéir tumblr vero sint qui sapiente accusamus páirc macalla tattooed.
Etsy mixtape wayfarers, eiticiúil wes anderson tofu sular dhíol siad amach orgánach mcsweeney lomo retro fanny pack lo-fi farm-go-table readymade. Mála Messenger gentrify beoir ceardaíochta tattooed pitchfork, clár scátála iphone locavore carles etsy salvia banky hoodie helvetica. DIY synth PBR íoróin bainc. Luiteoga gentrify squid 8-giotán cred pitchfork. Williamsburg banh mi cibé saor ó ghlútan, carles pitchfork bithdhíosal fixie etsy retro mlkshk vice blog. Scenester cred is dócha nár chuala tú trácht orthu, vinyl craft beer blog stumptown. Pitchfork inbhuanaithe tofu synth chambray bl.
Ciste iontaobhais seitan litirphreas, keytar raw denim keffiyeh etsy art party sular dhíol siad amach máistir cleanse saor ó ghlútan squid scenester freeganchosy sweater. Fanny pack portland seitan DIY, páirtí ealaíne locavore mac tíre cliche ard-shaol macalla pháirc Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi sular dhíol siad amach geansaí víreasach VHS locavore cosnochta feirm-go-tábla. Lomo mac tíre víreasach, mustache readymade thundercats keffiyeh ceardaíochta beoir marfa eiticiúil. Mac tíre salvia freegan, páirc macalla sartorial keffiyeh vegan.
Cumasaigh cluaisíní inchurtha trí javascript:
$('#myTab'). cluaisín ('taispeáin')
Is féidir leat nascleanúint cluaisín nó pillín a ghníomhachtú gan aon javascript a scríobh ach rud a shonrú data-toggle="tab"
nó data-toggle="pill"
ar eilimint.
<ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Baile</a></li> <li><a href="#profile" data-toggle="tab">Próifíl</a></li> <li><a href="#messages" data-toggle="tab">Teachtaireachtaí</a></li> <li><a href="#settings" data-toggle="tab">Socruithe</a></li> </ul>
Gníomhachtaíonn eilimint tab agus coimeádán ábhar. Ba cheart go mbeadh `sprioc sonraí` nó `href` ag cluaisín a dhíríonn ar nód coimeádáin sa teach.
<ul class="nav nav-tabs"> <li class="active"><a href="#home">Baile</a></li> <li><a href="#profile">Próifíl</a></li> <li><a href="#messages">Teachtaireachtaí</a></li> <li><a href="#settings">Socruithe</a></li> </ul> <div rang="tab-content"> <div class="tab-pane active" 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> <script> $(fheidhm () { $('.tabs a:last').tab('taispeáin') }) </script>
Imeacht | Cur síos |
---|---|
seó | Teann an teagmhas seo ar thaispeántas cluaisíní, ach sula dtaispeántar an cluaisín nua. Úsáid event.target agus event.relatedTarget chun an cluaisín gníomhach agus an cluaisín gníomhach roimhe seo (má tá sé ar fáil) faoi seach a dhíriú. |
léirithe | Teann an teagmhas seo ar thaispeántas cluaisíní tar éis cluaisín a thaispeáint. Úsáid event.target agus event.relatedTarget chun an cluaisín gníomhach agus an cluaisín gníomhach roimhe seo (má tá sé ar fáil) faoi seach a dhíriú. |
$('a[data-toggle="cluaisín"]').on('léirithe', feidhm (e) { e.target // cluaisín gníomhachtaithe e.relatedTarget // cluaisín roimhe seo })
Spreagtha ag an mbreiseán jQuery.tipsy den scoth scríofa ag Jason Frame; Is leagan nuashonraithe é Leideanna uirlisí, nach bhfuil ag brath ar íomhánna, a úsáideann css3 le haghaidh beochana, agus tréithe sonraí le haghaidh stórála teidil áitiúil.
Íoslódáil an comhadAló thar na naisc thíos chun leideanna uirlisí a fheiceáil:
Pants daingean an chéad leibhéal eile keffiyeh is dócha nár chuala tú trácht orthu. Photo mboth féasóg amh denim letterpress mála teachtaire vegan stumptown. Tá seaman vinil terry richardson ag an seitan feirme go tábla, éadaí Meiriceánach quinoa inbhuanaithe quinoa 8-giotán mcsweeney . Beard stumptown, cardigans banh mi lomo thundercats. Tofu bithdhíosal williamsburg marfa, ceithre seomra vegan cleanse loko mcsweeney. Ceardaí fíor- íorónach is cuma cén eochair, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single- origin coffee café.
Spreag an leid uirlisí trí javascript:
$('#shampla').tooltip(roghanna)
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
beochan | Boole | fíor | cuir trasdul céimnithe css i bhfeidhm ar an leid uirlisí |
socrúchán | teaghrán | feidhm | 'barr' | conas an leid uirlisí a shuíomh - barr | bun | chlé | ceart |
roghnóir | teaghrán | bréagach | Má chuirtear roghnóir ar fáil, déanfar cuspóirí na leideanna uirlisí a tharmligean chuig na spriocanna sonraithe. |
teideal | teaghrán | feidhm | '' | luach réamhshocraithe teidil mura bhfuil an chlib `teideal` i láthair |
truicear | teaghrán | 'hover' | conas a spreagtar leid uirlisí - hover | fócas | lámhleabhar |
moill | uimhir | réad | 0 | moill ag taispeáint agus ag cur i bhfolach an leid uirlisí (ms) Má chuirtear uimhir ar fáil, cuirtear moill i bhfeidhm ar an dá cheilt/seó Is é struchtúr an ábhair: |
Ar chúiseanna feidhmíochta, tá rogha an diúltaithe sna data-apis Tooltip agus Popover. Más mian leat iad a úsáid, ní gá ach rogha roghnóireachta a shonrú.
<a href="#" rel="tooltip" title="first tooltip">hoil anuas orm</a>
Nascann láimhseálaí leid uirlisí le bailiúchán eilimint.
Nochtann leid uirlisí eilimintí.
$('# eilimint').tooltip('taispeáint')
Folaigh leid uirlisí eilimintí.
$('# eilimint').tooltip('folaigh')
Scoránaigh an leid uirlisí eilimintí.
$('# eilimint').tooltip('scoránaigh')
Cuir forleagan beaga ábhair, cosúil leis na cinn ar an iPad, le haon eilimint le haghaidh faisnéise tánaisteacha tithíochta.
* Éilíonn Tooltip a chur san áireamh
Íoslódáil an comhadAinligh thar an gcnaipe chun an popover a spreagadh.
Cumasaigh popovers trí javascript:
$('#shampla'). popover(roghanna)
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
beochan | Boole | fíor | cuir trasdul céimnithe css i bhfeidhm ar an leid uirlisí |
socrúchán | teaghrán | feidhm | 'ceart' | conas an popover a shuíomh - barr | bun | chlé | ceart |
roghnóir | teaghrán | bréagach | má chuirtear roghnóir ar fáil, déanfar cuspóirí na leideanna uirlisí a tharmligean chuig na spriocanna sonraithe |
truicear | teaghrán | 'hover' | conas a spreagtar leid uirlisí - hover | fócas | lámhleabhar |
teideal | teaghrán | feidhm | '' | luach réamhshocraithe teidil mura bhfuil aitreabúid `title` i láthair |
ábhar | teaghrán | feidhm | '' | luach réamhshocraithe ábhair mura bhfuil aitreabúid `data-content` i láthair |
moill | uimhir | réad | 0 | moill ag taispeáint agus ag cur an popover i bhfolach (ms) Má chuirtear uimhir ar fáil, cuirtear moill i bhfeidhm ar an dá cheilt/seó Is é struchtúr an ábhair: |
Ar chúiseanna feidhmíochta, tá rogha an diúltaithe sna data-apis Tooltip agus Popover. Más mian leat iad a úsáid, sonraigh an rogha roghnóir.
Tosaíonn popovers le haghaidh bailiúchán eilimint.
Nochtann popover eilimintí.
$('# eilimint'). popover ( 'taispeáin')
Seithí popover eilimintí.
$('# eilimint'). popover ('folaigh')
Scoránaigh an popover eilimintí.
$('# eilimint'). popover ( 'scoránaigh')
Is rang beag bídeach é an breiseán foláirimh chun feidhmiúlacht dhlúth a chur le foláirimh.
ÍosluchtaighOibríonn an breiseán foláirimh ar theachtaireachtaí foláirimh rialta, agus bloctheachtaireachtaí.
Athraigh seo agus sin agus bain triail eile as. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras matis consectetur purus sit amet fermentum.
Cumasaigh dífhostú foláirimh trí javascript:
$(".alert").alert()
Níl le déanamh ach a chur data-dismiss="alert"
le do chnaipe dúnta chun feidhmiúlacht dhúnadh foláirimh a thabhairt go huathoibríoch.
<a class="close" data-dismiss="alert" href="#">×</a>
Wraps gach foláireamh le feidhmiúlacht dlúth. Le go mbeidh do chuid foláirimh le beocht agus iad dúnta, cinntigh go bhfuil an rang .fade
agus an .in
rang i bhfeidhm orthu cheana féin.
Dúnann foláireamh.
$(.alert").alert('dún')
Nochtann rang foláirimh Bootstrap roinnt imeachtaí chun dul i ngleic le feidhmiúlacht foláirimh.
Imeacht | Cur síos |
---|---|
dhúnadh | Téann an teagmhas seo chun solais láithreach nuair close a ghlaoitear an modh ásc. |
dúnta | Cuirtear an teagmhas seo ar ceal nuair a dhúntar an foláireamh (fanfaidh sé go mbeidh na haistrithe CSS críochnaithe). |
$('#my-alert'). bind('dúnta', feidhm () { // Déan rud éigin… })
Faigh bunstíleanna agus tacaíocht sholúbtha do chomhpháirteanna in-chomhlaite amhail bosca ceoil agus loingseoireacht.
Íoslódáil an comhadAg baint úsáide as an breiseán collapse, rinneamar giuirléid stíl bhosca ceoil simplí:
Cumasaigh trí javascript:
$(.titim").laghdaigh()
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
tuismitheoir | roghnóir | bréagach | Más roghnóir é, dúnfar gach eilimint infhillte faoin tuismitheoir sonraithe nuair a thaispeánfar an mhír infhillte seo. (cosúil le hiompar traidisiúnta bosca ceoil) |
scoránaigh | Boole | fíor | Scoránaigh an eilimint infhillte ar agairt |
Just a chur leis data-toggle="collapse"
agus data-target
eilimint a shannadh go huathoibríoch rialú ar eilimint collapsible. Glacann an data-target
tréith le roghnóir css chun an caolú a chur i bhfeidhm air. Bí cinnte an rang collapse
a chur leis an eilimint infhillte. Más mian leat é a oscailt roimh ré, cuir an rang breise in
.
<button class="btn btn-danger" data-toggle="collapse" data-target="#demo"> simplí collapsible </cnaipe> <div id="demo" class="titim isteach"> … </div>
data-parent="#selector"
. Déan tagairt don taispeántas chun é seo a fheiceáil i ngníomh.
Gníomhachtaíonn sé d'ábhar mar eilimint infhillte. Glacann rogha roghnach object
.
$('#myCollapsible').titim({ scoránaigh: bréagach })
Scoránaigh eilimint infhillte a thaispeántar nó folaithe.
Léiríonn eilimint infhillte.
Seithí eilimint infhillte.
Nochtann rang titim Bootstrap roinnt imeachtaí chun dul i ngleic leis an bhfeidhmiúlacht leite.
Imeacht | Cur síos |
---|---|
seó | Téann an teagmhas seo chun solais láithreach nuair show a ghlaoitear an modh ásc. |
léirithe | Tá an teagmhas seo bréan nuair a bhíonn eilimint tite infheicthe don úsáideoir (fanfaidh sé go mbeidh na haistrithe css críochnaithe). |
ceilt | Cuirtear an teagmhas seo ar ceal láithreach nuair hide a glaodh ar an modh. |
i bhfolach | Tá an teagmhas seo bréan nuair a bhíonn eilimint tite i bhfolach ón úsáideoir (fanfaidh sé go mbeidh na haistrithe css críochnaithe). |
$('#myCollapsible').on('i bhfolach', feidhm () { // Déan rud éigin… })
Breiseán cineálach le haghaidh rothaíochta trí eilimintí. A Shona-go-bhabhta.
Íoslódáil an comhadFéach ar an taispeántas sleamhnán thíos.
Glaoigh trí javascript:
$('.carousel').carousel()
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
eatramh | uimhir | 5000 | An méid ama le moill idir rothaíocht go huathoibríoch earra. |
Tá tréithe sonraí lárnach don breiseán timpealláin. Seiceáil an cód samplach thíos le haghaidh na gcineálacha éagsúla marcála.
<div id="myCarousel" class="carousel"> <!-- Míreanna timpealláin --> <div class="carousel-inner"> <div class="mír ghníomhach">…</div> <div class="item">…</div> <div class="item">…</div> </div> <!-- Timpealláin nav --> <a class="carousel-control fágtha" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control ar dheis" href="#myCarousel" data-slide="next">›</a> </div>
Tosaíonn an timpeallán le rogha roghnach object
agus tosaíonn sé ag rothaíocht trí mhíreanna.
$('.myCarousel').carousel({ eatramh: 2000 })
Rothaíochta tríd na míreanna timpealláin ó chlé go deas.
Stopann an timpeallán ó rothaíocht trí earraí.
Rothlaíonn sé an timpeallán chuig fráma ar leith (0 bunaithe, cosúil le sraith).
Timthriallta go dtí an mhír roimhe seo.
Timthriallta go dtí an chéad mhír eile.
Nochtann rang modha Bootstrap roinnt imeachtaí chun dul i ngleic le feidhmiúlacht mhódúil.
Imeacht | Cur síos |
---|---|
sleamhnán | Téann an teagmhas seo chun cinn láithreach nuair a úsáidtear an slide modh ásc. |
sleamhnaigh | Tá an teagmhas seo bréan nuair a bhíonn an t-aistriú sleamhnáin críochnaithe ag an timpeallán. |
Breiseán bunúsach, éasca le síneadh, chun cinn chlóite galánta a chruthú go tapa le hionchur téacs foirme.
Íoslódáil an comhadTosaigh ag clóscríobh sa réimse thíos chun na torthaí clóscríobh a thaispeáint.
Cuir glaoch ar an gceann clóscríobh trí javascript:
$('.typeahead').typehead()
Ainm | cineál | réamhshocraithe | tuairisc |
---|---|---|---|
foinse | eagar | [ ] | An fhoinse sonraí le fiosrú ina coinne. |
míreanna | uimhir | 8 | An líon uasta míreanna le taispeáint sa anuas. |
meaitseoir | feidhm | cás neamhíogair | An modh a úsáidtear chun a chinneadh an dtagann ceist le mír. Glacann sé le hargóint amháin, item chun an cheist a thástáil ina choinne. Faigh rochtain ar an gceist reatha le this.query . Tabhair boolean ar ais true más rud é gur mheaitseáil an cheist. |
sórtálaí | feidhm | meaitseáil bheacht, cás-íogair, cás-íogair |
Modh a úsáidtear chun torthaí uathchríochnaithe a shórtáil. Glacann sé le hargóint amháin items agus tá scóip an ásc clóbhuailte aige. Déan tagairt don cheist reatha le this.query . |
aibhsithe | feidhm | leagann sé béim ar gach meaitseáil réamhshocraithe | Modh a úsáidtear chun torthaí uathchríochnaithe a aibhsiú. Glacann sé le hargóint amháin item agus tá scóip an ásc clóbhuailte aige. Ba cheart html a thabhairt ar ais. |
Cuir tréithe sonraí leis chun eilimint a chlárú le feidhmiúlacht cló-chun tosaigh.
<input type="text" data-provide="typeahead">
Tosaíonn ionchur le réamhchló.