Javascript for Bootstrap

Partes Bootstrap adfer ad vitam, nunc cum 12 consuetudine jQuery plugins.

Modals

Turpis, sed flexibilis, plugin modal html tradito sumo cum minimum solum functionality et defaltis captiosus.

Dropdowns

Menus dropdown addere ad aliquid fere in Bootstrap cum hoc plugin simplici. Bootstrap lineamenta plenae menu dropdown sustentationem in navbar, tabs, diripio.

Scrollspy

Utere scrollspy ut sponte renovatis nexus in navbare tuo ut ostendes nexum activam currentem secundum librum positionem.

Togglable tabs

Hoc plugin utere ad tabs et catapotia utilia utilia, permittens eas per tabulas contentorum localium toggl.

Instrumentorum

Novum in jQuery plugin Tipsy, instrumenta imaginum non fidit - CSS3 utuntur pro animationibus et notitiis-adtributis pro repositionis tituli loci.

Popovers *

Addere parvas obduces contentorum, sicut sunt in iPad, cuivis elementi ad informationes secundas habitandas.

* Requirit tooltips includi

nuntii erecti

Pluginum vigilatum est genus exiguum, ut prope functiones in summis montibus addendo.

Bullae

Plus globulis. Button imperium civitatibus vel coetus globulis crea in pluribus componentibus sicut instrumentorum communicationis.

Collapse

Formas basin et flexibile subsidium pro collabentibus componentibus, sicut accordion et navigationem habe.

Carousel

Fac jucundum-circuitu alicujus rei, quam vis interactiva lapsus contenti praebere.

Typeahead

Praecipuum, facile plugin extensum est ut cito condat elegans formas typica cum quavis forma textu input.

* Transitus

Pro simplicibus effectibus transitus, includunt bootstrap-transitionem.js semel labi in modalibus vel summis decidere.

* Requiritur ad animationem in plugins

Capita! Omnes plugins Javascript exigunt novissimam versionem jQuery.

De modalibus

Turpis, sed flexibilis, plugin modal html tradito sumo cum minimum solum functionality et defaltis captiosus.

Download file

Static example

Infra constanter modale redditur.

Vivamus demo

Toggle modalis per html strepitando infra puga. A summo paginae labatur et deficiet.

Demo modal launch

Per bootstrap-modal

Voca modalis per JavaScript:

  1. $ ( ' #myModal' ). modalis ( optiones )

Optiones

Nomen type defaltam descriptio
backdrop Boolean verum Includes elementum modal-backdrop. Vel, specificare staticpro exo- ram quod non claudit modalem in strepita.
tincidunt Boolean verum Modalis claudit cum clavis effugium premitur
ostende Boolean verum Modalem ostendit cum initialized.

Markup

Modalia in pagina tua facillime movere potes quin unam lineam html scribere. data-toggle="modal"Id elementum modali cum vel posuere in auctor data-target="#foo"vel href="#foo"correspondens, et cum coniuctionem, modal Lorem ipsum.

Etiam, optiones ad instanciam modalem addere, ea includere sicut additae notae attributa vel elementi temperandi vel notae modalis ipsius.

  1. <a class = "btn" data-toggle = "modal" href = "#myModal" > Duc modal </a>
  1. <div class = "modal hide" id = "myModal" >
  2. <div class = "modal-header" >
  3. <button type = "button" class = "close" data-miss = "modal" > < /button>
  4. <h3> Modal header </h3>
  5. </div>
  6. <div class = "modal-body" >
  7. <p> Corpus nobile ... </p>
  8. </div>
  9. <div class = "modal-footer" >
  10. <a href = "#" class = "btn" data-miss = "modal" > Close </a>
  11. <a href = "#" class = "btn btn-primarium" > Servare mutationes </a>
  12. </div>
  13. </div>
Capita! Si modale tuum vis animare in et extra, tantum .fadegenus .modalelementi adde (refer ad demom hoc in actione videre) et includere bootstrap-transitionem.js.

Methodi

.modal (optiones)

Exagitat tuam contentus modalem. Acceptat optiones libitum object.

  1. $ ( ' #myModal' ). modalis ({
  2. keyboard : falsus
  3. })

.modal('toggle')

Manually toggles modalis.

  1. $ ( ' #myModal' ). modalis ( 'toggle' )

.modal('ostendere')

Manually modal opens.

  1. $ ( ' #myModal' ). modal ( 'show' )

.modal('hide')

Manually celat modalis.

  1. $ ( ' #myModal' ). modal ( 'hide' )

Events

Classis modalis Bootstrap paucas eventus exponit pro hamo in functionem modalem.

Eventus Descriptio
ostende Huius rei accendit statim cum showinstantia methodus appellatur.
ostensum est Eventus hic accensus est cum modalis usori visibile factum est (expectabo transitus css ad perficiendum).
celare Hic eventus statim accensus est cum hidemethodus instantia vocata est.
absconditus Eventus hic inflammatur cum modalis occultationem ab usore confecit (exspectabit enim transitus css ad perficiendum).
  1. $ ( ' #myModal' ). on ( ' occultum ' , munus ( ) {
  2. // age aliquid…
  3. })

Plugin ScrollSpy est pro automatice adaequationis scuta nav e secundum librum positionis.

Download file

Exemplum navbar cum scrollspy

Infra librum area et renovationem navigationis observa. The dropdown sub items will be highlighted as well. Tempta id!

@fat

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo- lius ante e qui vendiderunt. Tumblr villarum ad mensam vehentem jura quaelibet. 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.

@mdo

Veniam marfa mustache skate, adipisicing fugiat velit furca beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartoriale. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

unus

Occaecat commodo aliquam delectus. Fap craft beer deserunt skateboard deserunt. Lomo bicycle adipisicing banh mi, velit ea sunt nulla veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

duo

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.

three

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 quat delectus esculenta aliquet. Sapiente Synthesium Assumenda. Locavore sed helvetica cliche ironia, tonitrua consequat hoodie gluten libero lo fap aliquip. Labore elit placeat ante vendi, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco tonitrua.


Using bootstrap-scrollspy.js

Vocate scrollspy per JavaScript:

  1. $ ( ' #navbar' ). scrollspy ()

Markup

Ut facile cartis mores ad navigationem topbaris tuam addas data-spy="scroll", solum elementum quod vis explorare (typiceissime hoc corpus est) adde.

  1. <body data-spy = "scroll" > ... </body>
Capita! Navbar nexus solvendos id scuta habere debet. Verbi gratia, <a href="#home">home</a>debet respondere alicui simile in dom <div id="home"></div>.

Methodi

.scrollspy ('renovare')

Cum usu cartis in conjunctione cum addendo vel removendo elementorum e domno, methodum reficiendi similem vocare debes:

  1. $ ( ' [data-spy="scroll"]' ). quisque ( munus () {
  2. var $sp = $ ( hoc ). scrollspy ( 'renovare' )
  3. });

Optiones

Nomen type defaltam descriptio
offset numerus 10 Elementa ad offset a summo cum positio libri computandi.

Events

Eventus Descriptio
activate " Hic eventus ignes, quoties novus item per scrollspy reducitur.

Hoc plugin addit velox, dynamica tab et pill functionality ad transitioning per contenta localia.

Download file

Exemplum tabs

Preme tabs infra ut toggle inter tabulas occultas, etiam per dropdown menus.

Raw denim you probably haven't heard of them Jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit carnifex retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, sed 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.


Using bootstrap-tab.js

Admitte tabbable tabs per JavaScript (singulis tab indiget ut singillatim reducitur);

  1. $ ( ' #myTab a' ). click ( function ( e ) {
  2. e . preventDefault ();
  3. $ ( hoc ). tab ( 'ostendi' );
  4. })

Singula tab in pluribus modis movere potes:

  1. $ ( '#myTab a[href="#profile"]' ). tab ( 'ostendi' ); // Lego tab nomine
  2. $ ( ' #myTab a:primum' ). tab ( 'ostendi' ); // Select primum tab
  3. $ ( ' #myTab a:ultimum' ). tab ( 'ostendi' ); // Select last tab
  4. $ ( ' #myTab li:eq(2)a' ). tab ( 'ostendi' ); // Lego tertia tab (0-indexed)

Markup

Potes navigationem tab vel diripio movere sine aliquo html scriptione scribendo vel simpliciter denotando data-toggle="tab"vel data-toggle="pill"elementum. Addens navet nav-tabsclasses ad tab ulapplicabit stylas tab bootstrap.

  1. <ul class = "nav nav-tabs" >
  2. <li><a href = "#home" data-toggle = "tab" > Home </a></li>
  3. <li><a href = "#profile" data-toggle = "tab" > Profile </a></li>
  4. <li><a href = "#epistulae" data-toggle = "tab" > Mandata </a></li>
  5. <li><a href = "#settings" data-toggle = "tab" > Optiones </a></li>
  6. </ul>

Methodi

$().tab

Tab elementum activum ac contentum continens. Tab habere debet vel a data-targetvel hrefnisl continens nodi in dom.

  1. <ul class = "nav nav-tabs" id = "myTab" >
  2. <li class = "active" < a href = "#home" > Home </a></li>
  3. <li><a href = "#profile" > Profile </a></li>
  4. <li><a href = "#epistulae" > Messages </a></li>
  5. <li><a href = "#settings" > Optiones </a></li>
  6. </ul>
  7.  
  8. <div class = "tab-content" >
  9. <div class = "tab-pane active" id = "home" > ... </div>
  10. <div class = "tab-pane" id = "profile" > ... </div>
  11. <div class = "tab-pane" id = "nuntii" > ... </div>
  12. <div class = "tab-pane" id = "occasus" > ... </div>
  13. </div>
  14.  
  15. <script>
  16. $ ( munus ( ) {
  17. $ ( ' #myTab a:ultimum' ). tab ( 'ostendi' );
  18. })
  19. </script>

Events

Eventus Descriptio
ostende Hic eventus ignes in tab ostendit, sed antequam nova tab ostensa est. Utere event.targetet event.relatedTargetoppugnare tab activum et priorem tab (si available) respective.
ostensum est Hic eventus ignes in tab ostendit postquam tab ostensus est. Utere event.targetet event.relatedTargetoppugnare tab activum et priorem tab (si available) respective.
  1. $ ( 'a[data-toggle="tab"]' ). munus ( e ) { _ _ _ _
  2. e . target // activated tab
  3. e . relatedTarget // previous tab
  4. })

De tooltips

Animatus ab optimo jQuery.tipsy plugin scripsit Jason Frame; Instrumenta sunt renovatio versionis, quae imaginibus non nititur, animationibus utere css3, et attributa data pro repositione titulo locali.

Download file

Exemplum usum Tooltips

Volitant super nexus infra videre tooltips:

Stricta braccas gradum proximum keffiyeh te probabiliter non audisti. Photo booth barba rudis denim letterpress vegan nuntius bag stumptown. Fundi ad mensam seitan, mcsweeney fixie sustineri quinoa 8-bits americani vestium terry richardson vinyl chambray habent. Barbatus stumptown, cardigans banh mi lomo tonitrui. Tofu biodiesel williamsburg marfa, four loko mcsweeney purgabit vegan chambray. A re ironica artifex quidquid keytar , scenester villarum ad ripas mensae Austin twitter handle freegan cred raw denim single-origin coffee viral.


Using bootstrap-tooltip.js

Trigger tooltip per html:

  1. $ ( ' #exemplum' ). tooltip ( optiones )

Optiones

Nomen type defaltam descriptio
animatio Boolean verum applicare css fade transitus ad tooltip
collocatione filum|munus 'top' how to position the tooltip - top | imo | left | ius
electrix filum falsus Si electrix cautum est, instrumenta instrumentorum ad certa scuta delegabuntur.
titulus string | officium ' default title valorem, si 'title` tag non est praesens
felis filum 'hover' how tooltip Urguet - hover | focus | manual
mora numerus | object 0

mora ostendens et occultans tooltip (ms) - non competit manualibus felis type

Si numerus suppleatur, mora adhibenda est ad utrumque corium/show

Objectum structura est:delay: { show: 500, hide: 100 }

Capita! Optiones pro singulis instrumentis per usum attributorum datos alternare possunt.

Markup

Ad rationes perficiendas, Tooltip et Popover notitia-apis in se optent. Si iis uti velis optio electrix modo specificare.

  1. <a href = "#" rel = "tooltip" title = "primum tooltip" > super me volitant </a>

Methodi

$ (). Tooltip (optiones)

Applicat tooltip tracto ad collectionem elementi.

.tooltip ( 'ostendere')

Elementum demonstrat tooltip.

  1. $ ( ' # elementum ' ). tooltip ( 'ostendere' )

.tooltip ('hide')

Instrumentum elementum celat.

  1. $ ( ' # elementum ' ). tooltip ( 'hide' )

.tooltip ( 'toggle')

Toggles tooltip elementum est.

  1. $ ( ' # elementum ' ). tooltip ( 'toggle' )

De popovers

Addere parvas obduces contentorum, sicut sunt in iPad, cuivis elementi ad informationes secundas habitandas.

* Requirit Tooltip includi

Download file

Exemplum aliquet popover

Oberret puga pyga ut felis.


Using bootstrap-popover.js

Popovers activare per JavaScript:

  1. $ ( ' #exemplum' ). popover ( optiones )

Optiones

Nomen type defaltam descriptio
animatio Boolean verum applicare css fade transitus ad tooltip
collocatione filum|munus 'dextra' quomodo situm popover - top | imo | left | ius
electrix filum falsus si electrix cautum sit, res tooltip ad certa scuta deleganda erunt
felis filum 'hover' how tooltip Urguet - hover | focus | manual
titulus string | officium ' default title valorem, si 'title` attributum non est present
content string | officium ' default contentus valorem, si data, content` attributum non est present
mora numerus | object 0

mora ostendens et occultans popover (ms) - non applicare ad genus felis manualem

Si numerus suppleatur, mora adhibenda est ad utrumque corium/show

Objectum structura est:delay: { show: 500, hide: 100 }

Capita! Optiones pro singulis popovers per usum attributorum datos alternare possunt.

Markup

Ad rationes perficiendas, Tooltip et Popover notitia-apis in se optent. Si iis uti velis optio electrix modo specificare.

Methodi

$(). Popover (optiones)

Initializes popovers collectione pro elemento.

.popover ('ostendere')

Aperit elementa popover.

  1. $ ( ' # elementum ' ). popover ( 'show' )

.popover('hide')

Elementa popover celat.

  1. $ ( ' # elementum ' ). popover ( 'hide' )

.popover('toggle')

Toggles popover elementa.

  1. $ ( ' # elementum ' ). popover ( 'toggle' )

De summis montibus

Pluginum vigilatum est genus exiguum, ut prope functiones in summis montibus addendo.

Download

Exemplum summis

In plugin erecta operatur in nuntiis erectis regularibus et mandata angusta.

Sancte guacamole! Optimum reprehendo io sui, nimium bonum non quaeris.

Oh frangeretur! Errorem nactus es!

Muta hoc et illud, et iterum tenta. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec tellus. Cras mattis consectetur purus sit amet fermentum.

Hanc actionem aut hoc facite


Using bootstrap-alert.js

Admitte dimissionem erecti per html:

  1. $ ( ".alert" ). vigilate ()

Markup

Modo adde data-dismiss="alert"ad conjunctionem proximam tuam ut automatice ad munus propinquum propensum praebeas.

  1. <a class = "close" data-miss = "alert" href = "#" > & tempora; </a>

Methodi

$().

Omnibus summis adstringit arctis functionality. In summis montibus tuis clausos habere animatas, fac iam applicatas habere .fadeet classis..in

.alert('close')

Claudit erectum.

  1. $ ( ".alert" ). alacer ( 'close' )

Events

Bootstrap classis erectus paucas eventus exponit pro hamo in functionalitionem erecti.

Eventus Descriptio
claudere Huius rei accendit statim cum closeinstantia methodus appellatur.
clausa Haec res cum intenti clausa est (expectabo css transitus ad perficiendum).
  1. $ ( '#my-vigil' ). ligare ( 'clausum' , munus () {
  2. // age aliquid…
  3. })

De

Plus globulis. Button imperium civitatibus vel coetus globulis crea in pluribus componentibus sicut instrumentorum communicationis.

Download file

Exemplum usus

Plugin globulis utere pro civitatibus et toggles.

Stateful
una toggle
Checkbox
Radio

Using bootstrap-button.js

Bullae activare per JavaScript:

  1. $ ( '.nav-tabs' ). button ()

Markup

Datae attributae sunt integrales ad plugin globulus. Exemplum codicem infra reprehendo pro variis notis typos.

  1. <!-- Adde data-toggle="button" movere toggling in una conjunctione -->
  2. <button class = "btn" data-toggle = "button" > Single Toggle </button>
  3.  
  4. <!-- Adde data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
  5. <div class = "btn-group" data-toggle = "button-checkbox" >
  6. <button class = "btn" > Left </button>
  7. <button class = "btn" > Medio </button>
  8. <button class = "btn" > Right </button>
  9. </div>
  10.  
  11. <!-- Adde data-toggle="buttons-radio" pro radio stylo toggling in coetus btn-->
  12. <div class = "btn-group" data-toggle = "button-radio" >
  13. <button class = "btn" > Left </button>
  14. <button class = "btn" > Medio </button>
  15. <button class = "btn" > Right </button>
  16. </div>

Methodi

$().button('toggle')

Toggles re publica dis. Dat speciem globuli quam in actum reducitur.

Capita! Potes auto- toggling puga utendo data-toggleattributo.
  1. <button class = "btn" data-toggle = "button" > ... </button>

$().Bulla ('loading')

Button statum ponit ad loading - disables puga et swaps textum ad textum loading. Textus Loading definiri debet in elemento puga utente attributo dato data-loading-text.

  1. <button class = "btn" data-loading-text = "loading stuff..." > ... </button>
Capita! Firefox per pagina onera persistit statum debilem . Opus hoc est uti autocomplete="off".

$().Puga pyga ('reset')

Resets bullarum publicarum - swaps textum ad textum originalem.

$().Bulla (linea)

Resets bullam status - swaps text to any data text state defined.

  1. <button class = "btn" data-completa-text = "perfecit!" > ... </button>
  2. <script>
  3. $ ( '.btn' ). button ( 'plenum' )
  4. </script>

De

Formas basin et flexibile subsidium pro collabentibus componentibus, sicut accordion et navigationem habe.

Download file

* Transitiones plugin includi postulat.

Exemplum accordion

Plugin ruinae utentes, simplicem tabs styli content:

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Cibus truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua posuere avem ea squid single-origin coffee nulla assumenda litora et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan proident butcher vice lomo. Leggings eiusmod craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Cibus truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua posuere avem ea squid single-origin coffee nulla assumenda litora et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan proident butcher vice lomo. Leggings eiusmod craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Cibus truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua posuere avem ea squid single-origin coffee nulla assumenda litora et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan proident butcher vice lomo. Leggings eiusmod craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Using bootstrap-collapse.js

Admitte per JavaScript:

  1. $ ( «.collapse» ). collapse ()

Optiones

Nomen type defaltam descriptio
parent electrix falsus Si ergo electrix omnia elementa collabbilia sub praefinito parente claudentur, cum haec collapsibilis item demonstratur. (Similis est traditionalis tabs mores)
toggle Boolean verum Toggles collapsible elementum in invocatione

Markup

Adde data-toggle="collapse"modo et data-targetelementum ut sponte elementum collapsibilis ditionis assignet. Attributum data-targetcss electrix acceptat ut ruinam adhiberet. Adde genus collapseelementi collapsibili. Si vis aperta defaltam facere, additamenta classis adde in.

  1. <button class = "btn btn-danger" data-toggle = "collapse" data-target = "#demo" >
  2. simplex collapsible
  3. </button>
  4.  
  5. <div id = "demo" class = "collapse in" > ... </div>
Capita! Accordion-similes coetus administrationem addere ad imperium collapsibile, data attributum addere data-parent="#selector". Hoc in actione refer ad demo.

Methodi

.collapse (optiones)

Contentum operatur sicut collapsible elementum. Acceptat optiones libitum object.

  1. $ ( ' #myCollapsible' ). collapse ({
  2. toggle : falsus
  3. })

.collapse ('toggle')

Toggles collapsibile elementum est ut vel absconditum ostendatur.

.collapse ('ostendere')

Elementum collapsibile ostendit.

.collapse ('hide')

Cras lacinia elementum consequat.

Events

Classis ruina Bootstrap paucas eventus exponit pro hamo in ruina functionis.

Eventus Descriptio
ostende Huius rei accendit statim cum showinstantia methodus appellatur.
ostensum est Eventus hic accensus est cum elementum ruinae usoris visibile factum est (exspectabit transitus css ad perficiendum).
celare Ea res statim cum hidemodus vocatus est accenditur.
absconditus Eventus hic accensus est cum elementum ruinae ab usore absconditum est (exspectabit transitus css ad perficiendum).
  1. $ ( ' #myCollapsible' ). on ( ' occultum ' , munus ( ) {
  2. // age aliquid…
  3. })

De

Praecipuum, facile plugin extensum est ut cito condat elegans formas typica cum quavis forma textu input.

Download file

Exemplum

Satus typing in campo infra monstrare proventuum typus.


Using bootstrap-typeahead.js

Appellare typeahead per JavaScript:

  1. $ ( '.typeahead' ). typeahead ()

Optiones

Nomen type defaltam descriptio
fons ordinata [ ] Data origo ad quaestionem contra.
items numerus 8 Max numerus rerum ad ostentationem in dropdown.
matcher officium si minime Modum definire solebant si quaesitum an item aequet. Unam rationem accipit, itemcontra quam ad probandam quaestionem pertinet. Access the current query with this.query. Boolean referre truesi quaestio certa est.
sorter officium prorsus par,
si sensitivo,
si insensibili
Modus usus est proventuum autocompletorum qualiscumque. Unum argumentum itemsaccipit et in typum instantia scopum habet. Referre hodiernam interrogationem cum this.query.
highlighter officium elucidat omnes default par Methodus ad exaggerandam eventus autocompletos adhibitus est. Unum argumentum itemaccipit et in typum instantia scopum habet. Redire debet html.

Markup

Addere notitias attribuit ut elementum subcriptio cum functionality typus.

  1. <input type = "text" data-provide = "typeahead" >

Methodi

.typeahead (optiones)

Initializes initus cum typeahead.