Javascript rehegua Bootstrap-pe g̃uarã

Egueru Bootstrap mbaꞌekuaarã tekovépe—koꞌág̃a 12 jQuery jeporupyre jeporupyre reheve .

Modal-kuéra rehegua

Peteĩ aerodinámico, ha katu iflexible, ogueraha pe plugin modal javascript ymaite guive orekóva funcionalidad mínima oñeikotevẽva añoite ha umi por defecto inteligente.

Umi desplegable rehegua

Emoĩ menú desplegable haimete oimeraẽ mba’épe Bootstrap-pe ko plugin isãsóva rupive. Bootstrap oguereko menú desplegable pytyvõ henyhẽva on navbar, fichas ha pastilla-pe.

Scrollspy rehegua

Eipuru scrollspy embopyahu hag̃ua ijeheguiete umi joajuha nde navbar-pe ehechauka hag̃ua joajuha activo ko’áĝagua oñemopyendáva desplazamiento ñemohenda rehe.

Umi ficha oñembohasáva

Eipuru ko plugin ejapo hag̃ua umi ficha ha pastilla ideprovechove hag̃ua ehejávo chupekuéra ombohasa umi panel tabbable rupive contenido local rehegua.

Tembipururã ñe’ẽmondo

Peteĩ jegueraha pyahu jQuery Tipsy plugin rehegua, Tooltips ndojeroviapái taꞌãngamýire—oipuru hikuái CSS3 taꞌãngamýi ha dato-atributo-kuérape g̃uarã título local ñeñongaturã.

Popovers rehegua * .

Oñemoĩ umi superposición michĩva contenido rehegua, umi oĩva iPad-peguáicha, oimeraẽ elemento-pe oñemohenda hag̃ua marandu secundaria.

* Ojerure oñemoĩ hag̃ua Tooltips

Marandu ñe’ẽmondo rehegua

Pe plugin alerta rehegua ha’e peteĩ mbo’esyry michĩmi oñembojoapy hag̃ua funcionalidad hi’aguĩva umi alerta-pe.

Umi botón rehegua

Ejapo hetave mba’e umi botón reheve. Control botón heꞌi térã omoheñói botón aty hetave componente-pe g̃uarã tembipururã ryru-icha.

Ñembyaipa

Ojehupyty estilo base ha pytyvõ flexible umi componente plegable-pe g̃uarã haꞌeháicha acordeón ha navegación.

Carrusel rehegua

Ejapo peteĩ vy’arã oimeraẽ contenido rehegua eme’ẽséva peteĩ diapositiva interactiva contenido rehegua.

Ehai tenonderã

Peteĩ plugin básico, oñembotuicháva ndahasýiva ojejapo pyaꞌe hag̃ua umi typeahead elegante oimeraẽva formulario jeike jehaipyre reheve.

Umi transición rehegua * .

Umi efecto transición simple-pe g̃uarã, emoinge bootstrap-transition.js peteĩ jey ojedesliza hag̃ua modal-pe térã oñembogue hag̃ua alertas.

* Oñeikotevẽ animación-pe g̃uarã umi plugin-pe

¡Akã yvate! Opaite javascript mboajepyréva oikotevẽ jQuery versión ipyahuvéva.

Modal rehegua

Peteĩ aerodinámico, ha katu iflexible, ogueraha pe plugin modal javascript ymaite guive orekóva funcionalidad mínima oñeikotevẽva añoite ha umi por defecto inteligente.

Emboguejy archivo

Ejemplo estático rehegua

Iguýpe oĩ peteĩ modal ojejapóva estáticamente.

Demostración en vivo rehegua

Embohasa peteĩ modal javascript rupive eitykuévo pe botón oĩva iguýpe. Oguejýta ha oñedesvanece vaʼerã pe páhina yvate guive.

Omoñepyrũ modal demostración rehegua

Oipurúvo bootstrap-modal rehegua

Ehenói modal-pe javascript rupive:

  1. $ ( '#cheModal' ). modal ( opciones ) rehegua .

Opciones rehegua

Téra hesegua upevakuére techaukaha
telón de fondo rehegua booleano rehegua teete Oike peteĩ elemento modal-telón de fondo rehegua. Ikatu avei, emombeꞌu staticpeteĩ telón de fondo-pe g̃uarã nombotýiva modal clic-pe.
teclado rehegua booleano rehegua teete Omboty modal ojepysóramo tecla escape
hechauka booleano rehegua teete Ohechauka modal oñepyrũ jave.

Marcado rehegua

Ikatu emomba’apo umi modal nde página-pe ndahasýiramo rehai’ỹre peteĩ línea javascript rehegua. Oñemohenda mante data-toggle="modal"peteĩ elemento controlador rehegua orekóva peteĩ data-target="#foo"térã href="#foo"okorrespondéva peteĩ id elemento modal-pe, ha ojepyso jave, omoñepyrũta ne modal.

Avei, emoĩ hag̃ua opción nde instancia modal-pe, emoinge mante umíva atributo de datos adicional ramo tahaꞌe elemento control rehegua térã marcado modal-pe voi.

  1. <a clase = "btn" data-toggle = "modal" href = "#cheModal" > Ñepyrũrã Modal </a>
  1. <div clase = "modal omokañy" id = "cheModal" >
  2. <div clase = "modal-akãrapu'ã" >
  3. <botón tipo = "botón" clase = "mboty" data-dismiss = "modal" > × </botón>
  4. <h3> Modal iñakãrapu’ãva </h3>
  5. </div> rehegua
  6. <div clase = "cuerpo-modal" > rehegua
  7. <p> Peteĩ tete porã... </p>
  8. </div> rehegua
  9. <div clase = "modal-py rehegua" >
  10. <a href = "#" clase = "btn" data-dismiss = "modal" > Oñemboty </a>
  11. <a href = "#" clase = "btn btn-primary" > Eñongatu ñemoambue </a>
  12. </div> rehegua
  13. </div> rehegua
¡Akã yvate! Oipotáramo ne modal omoingove ha osẽ, emoĩnte peteĩ .fadembo’esyry .modalelemento-pe (ehecha demostración rehecha hag̃ua kóva tembiapope) ha emoinge bootstrap-transition.js.

Método-kuéra rehegua

.modal(opciones) rehegua .

Omomba’apo ne contenido modal ramo. Omoneĩ peteĩ opción opcional object.

  1. $ ( '#cheModal' ). modal rehegua ({
  2. teclado : japu
  3. }) Ñe’ẽpoty ha purahéi .

.modal('ombohasa') .

Ombohasa manualmente peteĩ modal.

  1. $ ( '#cheModal' ). modal ( 'toggle' ) Ñe'ẽpoty ha purahéi .

.modal('ehechauka') .

Oipe’a manualmente peteĩ modal.

  1. $ ( '#cheModal' ). modal ( 'ehechauka' ) .

.modal('oñomi') .

Oñomi manualmente peteĩ modal.

  1. $ ( '#cheModal' ). modal ( 'oñomi' ) .

Umi mba’e oikóva

Bootstrap clase modal ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad modal-pe.

Jeguerohyha Techaukaha
hechauka Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave showmétodo instancia rehegua.
ojehechauka Ko mbaꞌe ojehúva oñembogue ojejapo rire modal ojehecha hag̃ua puruhárape (ohaꞌarõta oñembotývo umi css jehasaha).
mongañy Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hidemétodo instancia rehegua.
kañy Ko mbaꞌe ojehúva oñembogue pe modal oñemokañypa rire puruháragui (ohaꞌarõta oñembotývo umi css jehasaha).
  1. $ ( '#cheModal' ). on ( 'oñomi' , función () {
  2. // ejapo peteĩ mba'e...
  3. }) Ñe’ẽpoty ha purahéi .

Pe ScrollSpy plugin ha’e oñembopyahu hag̃ua ijeheguiete umi nav destino oñemopyendáva desplazamiento ñemohenda rehe.

Emboguejy archivo

Techapyrã navbar orekóva scrollspy

Emoinge pe área oĩva iguýpe ha ehecha pe actualización de navegación. Umi sub elemento desplegable ojehechaukáta avei. ¡Eñeha'ã eñeha'ã!

@ñandy

Polainas de anuncios keytar, brunch id arte partido dolor labore rehegua. Horquilla yr enim lo-fi ovende mboyve hikuái qui. Tumblr derecho bicicleta granja-a-mesa taha'e ha'éva. Anim keffiyeh carles cardigan rehegua. Velit seitan mcsweeney foto cabina 3 lobo jasy irure. Cosby suéter lomo jean shorts, williamsburg sudadera minim qui oiméne nerehendúi hesekuéra et cardigan fondo fiduciario culpa biodiesel wes anderson estética. Nihil tatuado acusamus, cred ironía biodiésel keffiyeh artesano ullamco consequat rehegua.

@mdo rehegua

Veniam marfa patineta bigote, adipisicing fugiat velit horquilla barba. Freegan barba aliqua cupidatat mcsweeney rehegua vero. Cupidatat irundy loko nisi, ea helvetica nulla carles. Tatuado cosby suéter camión de alimentos, mcsweeney's quis vinilo no freegan rehegua. Lo-fi wes anderson +1 sartorial rehegua. Carles ejercicio no estético quis gentrificación rehegua. Brooklyn adipisicing artesanía cerveza vice keytar deserunt rehegua.

peteĩ

Occaecat commodo aliqua delectus rehegua. Fap artesanía cerveza deserunt patineta ea. Lomo bicicleta derecho adipisicing banh mi, velit ea sunt nivel oúva locavore café de origen único en magna veniam. Vinilo id de vida yvate, eco parque consequat quis aliquip banh mi horquilla. Vero VHS est adipisicing rehegua. Consectetur nisi DIY mínimo mensajero vosa rehegua. Cred ex en, sostenible delectus consectetur fanny pack iphone rehegua.

mokõi

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 mensajero bolso marfa taha'e ha'éva delectus camión hi'upyrã. Sapiente sintet id asumida rehegua. Locavore sed helvetica cliche ironía, truenos oiméne nerehendúiva chuguikuéra consequat sudadera con capucha sin gluten lo-fi fap aliquip. Labore elit placeat oñevende mboyve hikuái, terry richardson proident brunch nesciunt quis cosby suéter pariatur keffiyeh ut helvetica artesano. Cardigan cerveza artesanal seitan velit listo rehegua. VHS chambray laboris venam temporal rehegua. Anim mollit mínimo commodo ullamco arasunukuéra.


Oipurúvo bootstrap-scrollspy.js

Ehenói scrollspy-pe javascript rupive:

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

Marcado rehegua

Oñemoĩ hag̃ua scrollspy jeiko pya’e nde barra yvategua jeguatarãme, emoĩnte data-spy="scroll"pe elemento reespiaasévape (jepiveguaichavéva kóva ha’éta hete).

  1. <body data-spy = "desplazamiento" > ... </body> rehegua
¡Akã yvate! Umi enlace Navbar oguerekova’erã umi meta id oñemyatyrõva. Techapyrã, a <a href="#home">home</a>okorrespondeva'erã peteĩ mba'e oĩva dom-pe ha'eháicha <div id="home"></div>.

Método-kuéra rehegua

.scrollspy('mbopyahu') .

Eipuru jave scrollspy ojoajúvo emoĩ térã eipeꞌa elemento DOM-gui, tekotevẽta ehenói método ñembopyahu péicha:

  1. $ ( '[datos-espio="desplazamiento"]' ). peteĩteĩ ( función () { .
  2. var $espio = $ ( kóva ). scrollspy ( 'mbopyahu' ) .
  3. });

Opciones rehegua

Téra hesegua upevakuére techaukaha
desplazamiento rehegua papapy 10 rehegua Umi píxel ojedesplaza hag̃ua yvate guive oñekalkula jave posición desplazamiento rehegua.

Umi mba’e oikóva

Jeguerohyha Techaukaha
oactiva haguã Ko mba’e ojehúva odispara jave peteĩ mba’e pyahu oñemboguata jave pe scrollspy rupive.

Ko plugin omoĩ pya’e, dinámica ficha ha pastilla funcionalidad oñembohasa hag̃ua contenido local rupive.

Emboguejy archivo

Tembiecharã fichakuéra

Emboguejy umi ficha oĩva iguýpe embohasa hag̃ua umi vore kañymby apytépe, jepe umi menú desplegable rupive.

Denim crudo oiméne nerehendúi chuguikuéra pantalón corto vaquero Austin. Nesciunt tofu stumptown aliqua, retro sintetizador maestro omopotîva. Bigote cliché temporal, williamsburg carles helvetica vegana rehegua. Reprehenderit carnicero retro keffiyeh atrapador de sueños sintetizador. Suéter cosby eu banh mi, qui irure terry richardson ex calamar. Aliquip placeat salvia cillum rehegua iphone. Seitan aliquip quis cardigan ropa americana, carnicero 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.


Oipurúvo bootstrap-tab.js

Emboguata umi ficharã javascript rupive (peteĩteĩva ficha tekotevẽ oñemboguata peteĩteĩ):

  1. $ ( '#cheTab peteĩ' ). clic ( función ( e ) { .
  2. e . ohapejokoDefault ();
  3. $ ( kóva ). tab ( 'ehechauka' );
  4. }) Ñe’ẽpoty ha purahéi .

Ikatu emombaꞌapo peteĩteĩva ficha heta hendáicha:

  1. $ ( '#cheTab peteĩ[href="#perfil"]' ). tab ( 'ehechauka' ); // Eiporavo pestaña héra rupive
  2. $ ( '#cheTab a:tenonderã' ). tab ( 'ehechauka' ); // Eiporavo peteĩha ficha
  3. $ ( '#cheTab peteĩ:paha' ). tab ( 'ehechauka' ); // Eiporavo pestaña paha
  4. $ ( '# cheTab li:eq(2) a' ). tab ( 'ehechauka' ); // Eiporavo mbohapyha ficha (0-indexado) .

Marcado rehegua

Ikatu emomba’apo peteĩ ficha térã pastilla jeguata ehai’ỹre mba’eveichagua javascript emombe’úvo data-toggle="tab"térã data-toggle="pill"peteĩ elemento ári. Oñemoĩvo umi navha nav-tabsmbo’esyry pe ficha ul-pe ojeporúta pe ficha bootstrap estilo.

  1. <ul clase = "nav nav-pestañas" >
  2. <li><a href = "#óga" data-toggle = "pestaña" > Óga </a></li>
  3. <li><a href = "#perfil" data-toggle = "pestaña" > Perfil </a></li>
  4. <li><a href = "#marandukuéra" data-toggle = "ficha" > Marandukuéra </a></li>
  5. <li><a href = "#mboheko" data-toggle = "ficha" > Ñemboheko </a></li>
  6. </ul> rehegua

Método-kuéra rehegua

$().tab rehegua

Omombaꞌapo peteĩ elemento ficha ha mbaꞌeryru contenido rehegua. Tab oguerekovaꞌerã peteĩ data-targettérã peteĩ hrefojepytasóva peteĩ nodo mbaꞌerepy rehegua DOM-pe.

  1. <ul clase = "nav nav-pestañas" id = "cheTab" >
  2. <li clase = "activo" ><a href = "#óga" > Óga </a></li>
  3. <li><a href = "#perfil" > Ñe’ẽmondo </a></li>
  4. <li><a href = "#marandukuéra" > Marandukuéra </a></li>
  5. <li><a href = "#mboheko" > Ñemboheko </a></li>
  6. </ul> rehegua
  7.  
  8. <div clase = "pestaña-contenido" >
  9. <div clase = "ficha-pane activa" id = "óga" > ... </div>
  10. <div clase = "ficha-pane" id = "perfil" > ... </div>
  11. <div clase = "ficha-panel" id = "marandukuéra" > ... </div>
  12. <div clase = "ficha-pane" id = "mboheko" > ... </div>
  13. </div> rehegua
  14.  
  15. <guión> rehegua
  16. $ ( tembiaporã () { .
  17. $ ( '#cheTab peteĩ:paha' ). tab ( 'ehechauka' );
  18. }) Ñe’ẽpoty ha purahéi .
  19. </script> rehegua

Umi mba’e oikóva

Jeguerohyha Techaukaha
hechauka Ko mbaꞌe ojehúva odispara ficha jehechaukahápe, ha katu ojehechauka mboyve ficha pyahu. Eipuru event.targetha event.relatedTargetemohenda hag̃ua pe ficha activa ha pe ficha activa mboyvegua (oĩramo) peteĩteĩ.
ojehechauka Ko mba’e ojehúva odispara ficha jehechaukahápe ojehechauka rire peteĩ ficha. Eipuru event.targetha event.relatedTargetemohenda hag̃ua pe ficha activa ha pe ficha activa mboyvegua (oĩramo) peteĩteĩ.
  1. $ ( 'a[datos-toggle="ficha"]' ).on ( 'ojehechauka' , función ( e ) {
  2. e . target // ficha activada rehegua
  3. e . relatedTarget // pestaña mboyvegua
  4. }) Ñe’ẽpoty ha purahéi .

Tembipururã Ñe’ẽñemi rehegua

Oñeinspiráva pe plugin iporãitereíva jQuery.tipsy ohaiva’ekue Jason Frame; Tembipuru’i ñe’ẽmondo ha’e peteĩ versión oñembopyahúva, ndojeroviapáiva ta’ãngamýire, oipuru css3 taꞌãngamýime g̃uarã ha data-attributo título ñeñongaturã tendápe g̃uarã.

Emboguejy archivo

Techapyrã jepuru Tembipururã Ñe’ẽmondo rehegua

Emoĩ nde po umi enlace oĩva ko’ápe rehecha hag̃ua tembipuru’i ñe’ẽmondo:

Pantalón apretado nivel próximo keffiyeh oiméne nerehendúi hesekuéra. Foto cabina barba crudo denim tipografía vegano mensajero bolso stumptown. Seitan granja a mesa, mcsweeney fixie sostenible quinoa 8 bits ropa americana orekóva peteî terry richardson vinilo chambray. Barba tocón, cardigans banh mi lomo gatos arasunu rehegua. Tofu biodiésel williamsburg marfa, irundy loko mcsweeney's omopotîva vegano chambray. Peteĩ artesano añetehápe irónico taha'e ha'éva keytar , scenester granja-a-mesa banksy Austin twitter mango freegan cred denim crudo café de origen único viral.


Oipurúvo bootstrap-tooltip.js

Emoñepyrũ tembipuru’i ñe’ẽmondo javascript rupive:

  1. $ ( '#techapyrã' ). tembipururã ñe’ẽmondo ( opciones ) .

Opciones rehegua

Téra hesegua upevakuére techaukaha
animación rehegua booleano rehegua teete emoĩ peteĩ css fade jehaipyre tembipuru’i ñe’ẽmondope
colocación rehegua cadena|función rehegua 'yvate' mba'éichapa oñemohenda tembipuru'i - yvate | yvy gotyo | izquierda | akatúa
selector rehegua japu Oñeme’ẽramo peteĩ jeporavoha, umi mba’e’oka tembipuru’i ñe’ẽmondo rehegua oñeme’ẽta umi mba’e’oka oje’évape.
myakãha cadena rehegua | hembiapo '' . título valor por defecto ndoikóiramo etiqueta `title`
ñembokapu 'hover' rehegua. mba'éichapa oñemboguata tembipuru'i ñe'ẽmondo - hover | enfoque | popeguáva
mbegue papapy | mba'e 0 rehegua

retardo ohechaukáva ha omokañýva tembipuru’i ñe’ẽmondo (ms) - ndojeporúi tipo de gatillo manual-pe

Oñeme’ẽramo peteĩ papapy, ojejapo retardo mokõivévape kañy/jehechauka

Objeto estructura ha’e: .delay: { show: 500, hide: 100 }

¡Akã yvate!Umi opción tembipuru’i peteĩteĩvape g̃uarã ikatu ojehechauka alternativamente umi atributo dato rehegua jepuru rupive.

Marcado rehegua

Mba’éichapa omba’apo, Tooltip ha Popover data-apis oĩ opt in. Eipuruséramo emombe’únte peteĩ opción selector.

  1. <a href = "#" rel = "tembipuru’i ñe’ẽñemi" title = "tembipuru’i peteĩha" > emoĩ che ári </a>

Método-kuéra rehegua

$().tembipuru’i(opciones) .

Ombojoaju peteĩ tembipuru’i ñemboguataha peteĩ elemento ñembyaty rehe.

.tembipuru'i('ehechauka')

Oikuaauka peteĩ elemento tembipururã ñe’ẽmondo.

  1. $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'ehechauka' ) .

.tembipuru'i('oñomi')

Oñomi peteĩ elemento tembipuru’i ñe’ẽmondo.

  1. $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'oñomi' ) .

.tembipuru'i ñe'ẽmondo('toggle')

Ombohasa peteĩ elemento tembipuru’i ñe’ẽmondo.

  1. $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'toggle' ) .

Popovers rehegua

Oñemoĩ umi superposición michĩva contenido rehegua, umi oĩva iPad-peguáicha, oimeraẽ elemento-pe oñemohenda hag̃ua marandu secundaria.

* Oikotevê Tooltip oike haguã

Emboguejy archivo

Techapyrã hover popover rehegua

Emoĩ nde po pe botón ári emoñepyrũ hag̃ua pe popover.


Oipurúvo bootstrap-popover.js

Emboguata popovers javascript rupive:

  1. $ ( '#techapyrã' ). popover ( opciones ) rehegua .

Opciones rehegua

Téra hesegua upevakuére techaukaha
animación rehegua booleano rehegua teete emoĩ peteĩ css fade jehaipyre tembipuru’i ñe’ẽmondope
colocación rehegua cadena|función rehegua 'akatúa' mba'éichapa oñemohenda pe popover - yvate | yvy gotyo | izquierda | akatúa
selector rehegua japu oñeme’ẽramo peteĩ jeporavoha, umi mba’e’oka tembipuru’i rehegua oñeme’ẽta umi mba’e’oka oje’évape
ñembokapu 'hover' rehegua. mba'éichapa oñemboguata tembipuru'i ñe'ẽmondo - hover | enfoque | popeguáva
myakãha cadena rehegua | hembiapo '' . título valor por defecto ndoikóiramo atributo `title`
pypegua cadena rehegua | hembiapo '' . contenido valor por defecto ndaipóriramo atributo `data-content`
mbegue papapy | mba'e 0 rehegua

retardo ohechaukáva ha omokañýva popover (ms) - ndojeporúi tipo de gatillo manual-pe

Oñeme’ẽramo peteĩ papapy, ojejapo retardo mokõivévape kañy/jehechauka

Objeto estructura ha’e: .delay: { show: 500, hide: 100 }

¡Akã yvate! Umi opción umi popover individual-pe g̃uarã ikatu alternativamente ojehechauka umi atributo de datos jepuru rupive.

Marcado rehegua

Mba’éichapa omba’apo, Tooltip ha Popover data-apis oĩ opt in. Eipuruséramo emombe’únte peteĩ opción selector.

Método-kuéra rehegua

$().popover(opciones) rehegua .

Omoñepyrũ umi popover peteĩ elemento ñembyatyrã.

.popover('ehechauka')

Oikuaauka peteî elementos popover.

  1. $ ( '#elemento' ). popover ( 'ehechauka' ) .

.popover('oñomi') .

Oñomi peteĩ elementos popover.

  1. $ ( '#elemento' ). popover ( 'oñomi' ) .

.popover('ombohasa') .

Ombohasa peteĩ elementos popover.

  1. $ ( '#elemento' ). popover ( 'mbojere' ) .

Umi alerta rehegua

Pe plugin alerta rehegua ha’e peteĩ mbo’esyry michĩmi oñembojoapy hag̃ua funcionalidad hi’aguĩva umi alerta-pe.

Mboguejy

Umi alerta techapyrãva

Pe plugin alertas rehegua omba’apo marandu alerta rehegua jepiveguápe, ha marandu omboty.

Santo guacamole! Mejor cheque yo self, nde ndaha'éi ojehecha porãitereíva.

¡Oh snap! ¡Reguereko peteĩ jejavy!

Emoambue kóva ha ambuéva ha eñeha’ã jey. Duis mollis, est no comodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit rehegua. Cras mattis consectetur purus oguapy amet fermentum rehegua.

Ejapo ko tembiapo Térã ejapo péva


Oipurúvo bootstrap-alert.js

Emboguata peteĩ ñe’ẽmondo ñemboyke javascript rupive:

  1. $ ( ".alerta" ). alerta rehegua () .

Marcado rehegua

Emoĩnte data-dismiss="alert"nde botón ñemboty rehegua ome’ẽ hag̃ua ijeheguiete peteĩ alerta ñemboty funcionalidad.

  1. <a clase = "omboty" data-dismiss = "alerta" href = "#" > × </a> rehegua

Método-kuéra rehegua

$ ().alerta () Ñe'ẽ guarani.

Ombojere opaite alerta funcionalidad hi’aguĩva reheve. Ikatu hag̃uáicha ne alertakuéra oñemokyre’ỹ oñembotývo, eñangareko oguerekoha hikuái pe .fadeha .inclase ojeaplikamava’ekue hesekuéra.

.alert('mboty') .

Omboty peteĩ alerta.

  1. $ ( ".alerta" ). alerta ( 'mboty' ) .

Umi mba’e oikóva

Bootstrap clase de alerta ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad alerta rehegua.

Jeguerohyha Techaukaha
mboty Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave closemétodo instancia rehegua.
oñemboty Ko mbaꞌe ojehúva oñemboty oñemboty rire alerta (ohaꞌarõta oñembotývo umi css jehaipyre).
  1. $ ( '#che-alerta' ). bind ( 'oñemboty' , función () {
  2. // ejapo peteĩ mba'e...
  3. }) Ñe’ẽpoty ha purahéi .

Upéva rehegua

Ejapo hetave mba’e umi botón reheve. Control botón heꞌi térã omoheñói botón aty hetave componente-pe g̃uarã tembipururã ryru-icha.

Emboguejy archivo

Tembiecharã jeporu

Eipuru umi botón plugin estado ha toggles-pe g̃uarã.

Estado-pegua
Peteĩ toggle rehegua
Ñe’ẽmondo ryru
Radio rupive

Oipurúvo bootstrap-button.js

Emboguata umi botón javascript rupive:

  1. $ ( '.nav-pestañas' ). botón () rehegua .

Marcado rehegua

Umi atributo dato rehegua haꞌehína integral pe botón plugin-pe. Ehecháke kódigo techapyrãva iguýpe opaichagua marcado tipo rehegua.

  1. <!-- Emoĩve data-toggle="botón" emombaꞌapo hag̃ua ñembohasa peteĩ mboajepyrévape -->
  2. <botón clase = "btn" data-toggle = "botón" > Ñemboguapy peteĩva </botón>
  3.  
  4. <!-- Emoĩve data-toggle="buttons-checkbox" ñembohasa estilo jesarekorã rehegua btn-group -->-pe
  5. <div clase = "btn-grupo" dato-kuéra ñembohasa = "botón-kuéra jesarekoha" >
  6. <botón clase = "btn" > Izquierda </botón>
  7. <botón clase = "btn" > Mbytegua </botón>
  8. <botón clase = "btn" > Oike </botón>
  9. </div> rehegua
  10.  
  11. <!-- Emoĩve data-toggle="buttons-radio" oñembohasávo estilo radio rehegua btn-group-pe -->
  12. <div clase = "btn-grupo" dato-toggle = "botón-radio" >
  13. <botón clase = "btn" > Izquierda </botón>
  14. <botón clase = "btn" > Mbytegua </botón>
  15. <botón clase = "btn" > Oike </botón>
  16. </div> rehegua

Método-kuéra rehegua

$().botón('ombohasa') .

Ombohasa estado empuje rehegua. Ome’ẽ pe botón-pe ojehechaháicha oñemboguata hague.

¡Akã yvate! Ikatu emboguata auto toggling peteĩ botón rehegua eipurúvo data-toggleatributo.
  1. <botón clase = "btn" data-toggle = "botón" > ... </botón> rehegua

$().botón('oñekarga') .

Omohenda botón estado ojekarga hag̃ua - omboyke botón ha ombohasa jehaipyre ojekarga hag̃ua jehaipyre. Ojekarga hag̃ua jehaipyre oñembohekovaꞌerã elemento botón rehegua ojeporúvo atributo dato rehegua data-loading-text.

  1. <botón clase = "btn" data-loading-text = "ojekarga mba’e..." > ... </botón>
¡Akã yvate! Firefox opersisti estado oñemboykéva umi página jeguerahauka rupi . Peteĩ tembiaporã ojejapo hag̃ua haꞌehína ojepuru autocomplete="off".

$().botón ('ñemoĩjey') .

Omoĩjey botón estado - ombohasa jehaipyre jehaipyre ypykuépe.

$().botón(cadena) rehegua .

Omohendajey botón estado - ombohasa jehaipyre oimeraẽva datokuéra jehaipyre estado oñembohekopyrévape.

  1. <botón clase = "btn" dato-completo-texto = "oñemohu'ã!" > ... </botón> rehegua
  2. <guión> rehegua
  3. $ ( '.btn' rehegua ). botón ( 'oñemohu'ã' ) .
  4. </script> rehegua

Upéva rehegua

Ojehupyty estilo base ha pytyvõ flexible umi componente plegable-pe g̃uarã haꞌeháicha acordeón ha navegación.

Emboguejy archivo

* Oikotevẽ oike hag̃ua Transitions plugin.

Techapyrã acordeón rehegua

Oipurúvo pe plugin colapso, romopu’ã peteĩ widget estilo acordeón simple:

Anim pariatur cliché reprehenderit, enim eiusmod tekove yvate accusamus terry richardson ad calamar. 3 lobo jasy officia aute, no cupidatat patineta dolor brunch rehegua. Tembi'u kamiõ quinoa nesciunt laborum eiusmod. Brunch 3 lobo jasy tempor, sunt aliqua omoĩ peteĩ guyra hi'ári calamar café de origen único nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, artesanía cerveza labore wes anderson cred nesciunt sapiente ea proident rehegua. Anuncio vegano exceptor carnicero vice lomo rehegua. Polainas occaecat cerveza artesanal granja-a-mesa, crudo denim estético sintetizador nesciunt oiméne nerehendúi chuguikuéra accusamus labore sostenible VHS.
Anim pariatur cliché reprehenderit, enim eiusmod tekove yvate accusamus terry richardson ad calamar. 3 lobo jasy officia aute, no cupidatat patineta dolor brunch rehegua. Tembi'u kamiõ quinoa nesciunt laborum eiusmod. Brunch 3 lobo jasy tempor, sunt aliqua omoĩ peteĩ guyra hi'ári calamar café de origen único nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, artesanía cerveza labore wes anderson cred nesciunt sapiente ea proident rehegua. Anuncio vegano exceptor carnicero vice lomo rehegua. Polainas occaecat cerveza artesanal granja-a-mesa, crudo denim estético sintetizador nesciunt oiméne nerehendúi chuguikuéra accusamus labore sostenible VHS.
Anim pariatur cliché reprehenderit, enim eiusmod tekove yvate accusamus terry richardson ad calamar. 3 lobo jasy officia aute, no cupidatat patineta dolor brunch rehegua. Tembi'u kamiõ quinoa nesciunt laborum eiusmod. Brunch 3 lobo jasy tempor, sunt aliqua omoĩ peteĩ guyra hi'ári calamar café de origen único nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, artesanía cerveza labore wes anderson cred nesciunt sapiente ea proident rehegua. Anuncio vegano exceptor carnicero vice lomo rehegua. Polainas occaecat cerveza artesanal granja-a-mesa, crudo denim estético sintetizador nesciunt oiméne nerehendúi chuguikuéra accusamus labore sostenible VHS.

Oipurúvo bootstrap-collapse.js

Emboguata javascript rupive:

  1. $ ( ".oñemboguejy" ). ñembyai () .

Opciones rehegua

Téra hesegua upevakuére techaukaha
túva ha sy selector rehegua japu Selector ramo upéicharamo opaite elemento oñembotykuaáva túva ojeꞌevaꞌekue guýpe oñembotýta ojehechauka jave ko mbaꞌe oñembotykuaáva. (ojoguaite pe acordeón reko yma guarépe)
toggle rehegua booleano rehegua teete Ombohasa elemento oñemboguejýva ñehenói jave

Marcado rehegua

Oñemoĩnte data-toggle="collapse"ha peteĩ data-targetelemento-pe oñemeꞌe hag̃ua ijeheguiete control peteĩ elemento oñembotýva rehegua. Pe data-targetatributo omoneĩ peteĩ css jeporavoha omoĩ hag̃ua pe ñemboguejy. Ejesareko porãke emoĩ hag̃ua pe mboꞌepy collapsepe elemento oñembotývape. Oipotáramo ojepe’a por defecto, emoĩve pe clase adicional in.

  1. <botón clase = "btn btn-peligro" dato-toggle = "collapso" dato-objetivo = "#demo" >
  2. simple plegable rehegua
  3. </botón> rehegua
  4.  
  5. <div id = "demo" clase = "oñemboguejy" > ... </div>
¡Akã yvate! Oñemoĩ hag̃ua acordeón-ichagua jesareko aty rehegua peteĩ control oñembotykuaávape, emoĩve atributo dato rehegua data-parent="#selector". Ehechamína pe demostración rehecha hag̃ua kóva acción-pe.

Método-kuéra rehegua

.collapse(opciones) rehegua .

Omomba’apo ne contenido peteĩ elemento oñemboguejýva ramo. Omoneĩ peteĩ opción opcional object.

  1. $ ( '#cheCollapsible' ). ho'a haguã ({
  2. toggle : japu
  3. }) Ñe’ẽpoty ha purahéi .

.collapse('ombohasa') .

Ombohasa peteĩ elemento oñembotykuaáva ojehechauka térã oñeñomi hag̃ua.

.collapse('ehechauka') .

Ohechauka peteĩ elemento oñembotykuaáva.

.collapse('oñomi') .

Oñomi peteĩ elemento oñembotykuaáva.

Umi mba’e oikóva

Bootstrap clase de colapso ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad colapso-pe.

Jeguerohyha Techaukaha
hechauka Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave showmétodo instancia rehegua.
ojehechauka Ko mbaꞌe ojehúva oñembogue ojejapo jave peteĩ elemento collapso ojehecha hag̃ua puruhárape (ohaꞌarõta css jehaipyre oñembotývo).
mongañy Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hidemétodo.
kañy Ko mbaꞌe ojehúva oñembogue oñeñomi jave peteĩ elemento collapso puruháragui (ohaꞌarõta oñembotývo umi transición css).
  1. $ ( '#cheCollapsible' ). on ( 'oñomi' , función () {
  2. // ejapo peteĩ mba'e...
  3. }) Ñe’ẽpoty ha purahéi .

Upéva rehegua

Peteĩ plugin básico, oñembotuicháva ndahasýiva ojejapo pyaꞌe hag̃ua umi typeahead elegante oimeraẽva formulario jeike jehaipyre reheve.

Emboguejy archivo

Tembiecharã

Eñepyrũ ehai pe tenda oĩva iguýpe ehechauka hag̃ua umi mba’ekuaarã ojehai mboyve.


Oipurúvo bootstrap-typeahead.js

Ehenói typeahead-pe javascript rupive:

  1. $ ( '.ehai tenonde' ). ehai tenondegua () .

Opciones rehegua

Téra hesegua upevakuére techaukaha
heñoipy matriz rehegua [ ] . Pe fuente de datos oñeporandu haguã contra.
rehegua papapy 8 rehegua Pe máximo número de elementos ojehechaukava’erã pe desplegable-pe.
ombojoajúva hembiapo káso insensible rehegua Pe método ojeporúva ojekuaa hag̃ua peteĩ porandu ojoajúpa peteĩ mbaꞌe rehe. Omoneĩ peteĩ argumento añoite, pe itemoñemoĩva rehe oñeha’ã hag̃ua pe porandu. Eike porandu ko’áĝaguápe this.query. Embojevy peteĩ booleano trueporandu ha’éramo peteĩ joaju.
clasificador rehegua hembiapo joaju exacto,
mayúscula ha mayúscula ha
mayúscula ha minúscula
Método ojeporúva oñemohenda hagua umi resultado autocompleto rehegua. Omoneĩ peteĩ argumento añoite itemsha oguereko alcance instancia typeahead rehegua. Embojoja pe porandu ko’áĝagua ndive this.query.
resaltador rehegua hembiapo omomba’eguasu opaite joaju por defecto Método ojeporúva ojehechauka hagua umi resultado autocompleto rehegua. Omoneĩ peteĩ argumento añoite itemha oguereko alcance instancia typeahead rehegua. Ojevyva’erã html.

Marcado rehegua

Oñemoĩve umi atributo dato rehegua ojeregistra hag̃ua peteĩ elemento orekóva funcionalidad typeahead.

  1. < type de entrada = "jehaipyre" data-provide = "typeahead" >

Método-kuéra rehegua

.typeahead(opciones) rehegua .

Omoñepyrũ peteĩ jeike peteĩ typeahead reheve.