Egueru Bootstrap mbaꞌekuaarã tekovépe—koꞌág̃a 12 jQuery jeporupyre jeporupyre reheve .
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.
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.
Eipuru scrollspy embopyahu hag̃ua ijeheguiete umi joajuha nde navbar-pe ehechauka hag̃ua joajuha activo ko’áĝagua oñemopyendáva desplazamiento ñemohenda rehe.
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.
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ã.
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
Pe plugin alerta rehegua ha’e peteĩ mbo’esyry michĩmi oñembojoapy hag̃ua funcionalidad hi’aguĩva umi alerta-pe.
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.
Ojehupyty estilo base ha pytyvõ flexible umi componente plegable-pe g̃uarã haꞌeháicha acordeón ha navegación.
Ejapo peteĩ vy’arã oimeraẽ contenido rehegua eme’ẽséva peteĩ diapositiva interactiva contenido rehegua.
Peteĩ plugin básico, oñembotuicháva ndahasýiva ojejapo pyaꞌe hag̃ua umi typeahead elegante oimeraẽva formulario jeike jehaipyre reheve.
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
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 archivoIguýpe oĩ peteĩ modal ojejapóva estáticamente.
Peteĩ tete porã...
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 reheguaEhenói modal-pe javascript rupive:
- $ ( '#cheModal' ). modal ( 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 static peteĩ 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. |
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.
- <a clase = "btn" data-toggle = "modal" href = "#cheModal" > Ñepyrũrã Modal </a>
- <div clase = "modal omokañy" id = "cheModal" >
- <div clase = "modal-akãrapu'ã" >
- <botón tipo = "botón" clase = "mboty" data-dismiss = "modal" > × </botón>
- <h3> Modal iñakãrapu’ãva </h3>
- </div> rehegua
- <div clase = "cuerpo-modal" > rehegua
- <p> Peteĩ tete porã... </p>
- </div> rehegua
- <div clase = "modal-py rehegua" >
- <a href = "#" clase = "btn" data-dismiss = "modal" > Oñemboty </a>
- <a href = "#" clase = "btn btn-primary" > Eñongatu ñemoambue </a>
- </div> rehegua
- </div> rehegua
.fade
mbo’esyry
.modal
elemento-pe (ehecha demostración rehecha hag̃ua kóva tembiapope) ha emoinge bootstrap-transition.js.
Omomba’apo ne contenido modal ramo. Omoneĩ peteĩ opción opcional object
.
- $ ( '#cheModal' ). modal rehegua ({
- teclado : japu
- }) Ñe’ẽpoty ha purahéi .
Ombohasa manualmente peteĩ modal.
- $ ( '#cheModal' ). modal ( 'toggle' ) Ñe'ẽpoty ha purahéi .
Oipe’a manualmente peteĩ modal.
- $ ( '#cheModal' ). modal ( 'ehechauka' ) .
Oñomi manualmente peteĩ modal.
- $ ( '#cheModal' ). modal ( 'oñomi' ) .
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 show mé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 hide mé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). |
- $ ( '#cheModal' ). on ( 'oñomi' , función () {
- // ejapo peteĩ mba'e...
- }) Ñe’ẽpoty ha purahéi .
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.
Emboguejy archivoEmboguejy umi enlace nav desplegable oĩva navbar-pe ha umi pastilla iguýpe eproba hag̃ua umi desplegable.
Ehenói umi desplegable javascript rupive:
- $ ( '.mboguejy-mbojere' ). desplegable () rehegua .
Oñemoĩ pyaꞌe hag̃ua funcionalidad desplegable oimeraẽ elemento-pe emoĩnte data-toggle="dropdown"
ha oimeraẽva bootstrap desplegable añetegua oñemboguatáva ijeheguiete.
data-target="#fat"
térã
href="#fat"
.
- <ul clase = "nav nav-píldoras" >
- <li class = "activo" ><a href = "#" > Ñe’ẽmondo jepivegua </a></li>
- <li clase = "desplegable" id = "menú1" >
- <a clase = "mboguejýva" data-toggle = "mboguejýva" href = "#menú1" >
- Ñemboguejyha
- <b clase = "caret" ></b> rehegua
- </a> rehegua
- <ul clase = "menú desplegable" >
- <li><a href = "#" > Tembiaporã </a></li>
- <li><a href = "#" > Ambue tembiaporã </a></li>
- <li><a href = "#" > Ambue mba’e ko’ápe </a></li>
- <li clase = "mboja'o" </li>
- <li><a href = "#" > Ñe’ẽmondo ojeipe’áva </a></li>
- </ul> rehegua
- </li> rehegua
- ...
- </ul> rehegua
URL-kuéra oñeñongatu hag̃ua hekopete, eipuru data-target
atributo href="#"
.
- <ul clase = "nav nav-píldoras" >
- <li clase = "mboguejýva" >
- <a mbo’esyry = "mboguejýva" datokuéra ñembohasa = "mboguejýva" datokuéra jehupytyrã = "#" href = "tape/oike/página.html" >
- Ñemboguejyha
- <b clase = "caret" ></b> rehegua
- </a> rehegua
- <ul clase = "menú desplegable" >
- ...
- </ul> rehegua
- </li> rehegua
- </ul> rehegua
Peteĩ api programatico oñemboguata hag̃ua menú peteĩ navbar térã navegación ficha oñemeꞌevaꞌekuépe g̃uarã.
Pe ScrollSpy plugin ha’e oñembopyahu hag̃ua ijeheguiete umi nav destino oñemopyendáva desplazamiento ñemohenda rehe.
Emboguejy archivoEmoinge 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'ã!
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.
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.
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.
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 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.
Ehenói scrollspy-pe javascript rupive:
- $ ( '#navbar' ). scrollspy 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).
- <body data-spy = "desplazamiento" > ... </body> rehegua
<a href="#home">home</a>
okorrespondeva'erã peteĩ mba'e oĩva dom-pe ha'eháicha
<div id="home"></div>
.
Eipuru jave scrollspy ojoajúvo emoĩ térã eipeꞌa elemento DOM-gui, tekotevẽta ehenói método ñembopyahu péicha:
- $ ( '[datos-espio="desplazamiento"]' ). peteĩteĩ ( función () { .
- var $espio = $ ( kóva ). scrollspy ( 'mbopyahu' ) .
- });
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. |
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 archivoEmboguejy 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.
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.
Fondo de fideicomiso seitan tipografía, keytar denim crudo keffiyeh etsy arte fiesta ovende mboyve hikuái maestro omopotî calamar sin gluten scenester freegan suéter cosby. Fanny pack portland seitan DIY, arte partido locavore lobo cliché alto vida eco parque Austin rehegua. Cred vinilo keffiyeh DIY salvia PBR, banh mi ovende mboyve hikuái granja a mesa VHS viral locavore cosby suéter. Lomo lobo viral, bigote listo gatos de truenos keffiyeh artesanía cerveza marfa ético. Lobo salvia freegan, sartorial keffiyeh eco parque vegano rehegua.
Emboguata umi ficharã javascript rupive (peteĩteĩva ficha tekotevẽ oñemboguata peteĩteĩ):
- $ ( '#cheTab peteĩ' ). clic ( función ( e ) { .
- e . ohapejokoDefault ();
- $ ( kóva ). tab ( 'ehechauka' );
- }) Ñe’ẽpoty ha purahéi .
Ikatu emombaꞌapo peteĩteĩva ficha heta hendáicha:
- $ ( '#cheTab peteĩ[href="#perfil"]' ). tab ( 'ehechauka' ); // Eiporavo pestaña héra rupive
- $ ( '#cheTab a:tenonderã' ). tab ( 'ehechauka' ); // Eiporavo peteĩha ficha
- $ ( '#cheTab peteĩ:paha' ). tab ( 'ehechauka' ); // Eiporavo pestaña paha
- $ ( '# cheTab li:eq(2) a' ). tab ( 'ehechauka' ); // Eiporavo mbohapyha ficha (0-indexado) .
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 nav
ha nav-tabs
mbo’esyry pe ficha ul
-pe ojeporúta pe ficha bootstrap estilo.
- <ul clase = "nav nav-pestañas" >
- <li><a href = "#óga" data-toggle = "pestaña" > Óga </a></li>
- <li><a href = "#perfil" data-toggle = "pestaña" > Perfil </a></li>
- <li><a href = "#marandukuéra" data-toggle = "ficha" > Marandukuéra </a></li>
- <li><a href = "#mboheko" data-toggle = "ficha" > Ñemboheko </a></li>
- </ul> rehegua
Omombaꞌapo peteĩ elemento ficha ha mbaꞌeryru contenido rehegua. Tab oguerekovaꞌerã peteĩ data-target
térã peteĩ href
ojepytasóva peteĩ nodo mbaꞌerepy rehegua DOM-pe.
- <ul clase = "nav nav-pestañas" id = "cheTab" >
- <li clase = "activo" ><a href = "#óga" > Óga </a></li>
- <li><a href = "#perfil" > Ñe’ẽmondo </a></li>
- <li><a href = "#marandukuéra" > Marandukuéra </a></li>
- <li><a href = "#mboheko" > Ñemboheko </a></li>
- </ul> rehegua
- <div clase = "pestaña-contenido" >
- <div clase = "ficha-pane activa" id = "óga" > ... </div>
- <div clase = "ficha-pane" id = "perfil" > ... </div>
- <div clase = "ficha-panel" id = "marandukuéra" > ... </div>
- <div clase = "ficha-pane" id = "mboheko" > ... </div>
- </div> rehegua
- <guión> rehegua
- $ ( tembiaporã () { .
- $ ( '#cheTab peteĩ:paha' ). tab ( 'ehechauka' );
- }) Ñe’ẽpoty ha purahéi .
- </script> rehegua
Jeguerohyha | Techaukaha |
---|---|
hechauka | Ko mbaꞌe ojehúva odispara ficha jehechaukahápe, ha katu ojehechauka mboyve ficha pyahu. Eipuru event.target ha event.relatedTarget emohenda 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.target ha event.relatedTarget emohenda hag̃ua pe ficha activa ha pe ficha activa mboyvegua (oĩramo) peteĩteĩ. |
- $ ( 'a[datos-toggle="ficha"]' ).on ( 'ojehechauka' , función ( e ) {
- e . target // ficha activada rehegua
- e . relatedTarget // pestaña mboyvegua
- }) Ñe’ẽpoty ha purahéi .
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 archivoEmoĩ 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.
Emoñepyrũ tembipuru’i ñe’ẽmondo javascript rupive:
- $ ( '#techapyrã' ). tembipururã ñe’ẽmondo ( opciones ) .
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 | sã | 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 | sã | '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: . |
Mba’éichapa omba’apo, Tooltip ha Popover data-apis oĩ opt in. Eipuruséramo emombe’únte peteĩ opción selector.
- <a href = "#" rel = "tembipuru’i ñe’ẽñemi" title = "tembipuru’i peteĩha" > emoĩ che ári </a>
Ombojoaju peteĩ tembipuru’i ñemboguataha peteĩ elemento ñembyaty rehe.
Oikuaauka peteĩ elemento tembipururã ñe’ẽmondo.
- $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'ehechauka' ) .
Oñomi peteĩ elemento tembipuru’i ñe’ẽmondo.
- $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'oñomi' ) .
Ombohasa peteĩ elemento tembipuru’i ñe’ẽmondo.
- $ ( '#elemento' ). tembipuru'i ñe'ẽmondo ( 'toggle' ) .
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 archivoEmoĩ nde po pe botón ári emoñepyrũ hag̃ua pe popover.
Emboguata popovers javascript rupive:
- $ ( '#techapyrã' ). popover ( 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 | sã | japu | oñeme’ẽramo peteĩ jeporavoha, umi mba’e’oka tembipuru’i rehegua oñeme’ẽta umi mba’e’oka oje’évape |
ñembokapu | sã | '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: . |
Mba’éichapa omba’apo, Tooltip ha Popover data-apis oĩ opt in. Eipuruséramo emombe’únte peteĩ opción selector.
Omoñepyrũ umi popover peteĩ elemento ñembyatyrã.
Oikuaauka peteî elementos popover.
- $ ( '#elemento' ). popover ( 'ehechauka' ) .
Oñomi peteĩ elementos popover.
- $ ( '#elemento' ). popover ( 'oñomi' ) .
Ombohasa peteĩ elementos popover.
- $ ( '#elemento' ). popover ( 'mbojere' ) .
Pe plugin alerta rehegua ha’e peteĩ mbo’esyry michĩmi oñembojoapy hag̃ua funcionalidad hi’aguĩva umi alerta-pe.
MboguejyPe plugin alertas rehegua omba’apo marandu alerta rehegua jepiveguápe, ha marandu omboty.
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.
Emboguata peteĩ ñe’ẽmondo ñemboyke javascript rupive:
- $ ( ".alerta" ). alerta rehegua () .
Emoĩnte data-dismiss="alert"
nde botón ñemboty rehegua ome’ẽ hag̃ua ijeheguiete peteĩ alerta ñemboty funcionalidad.
- <a clase = "omboty" data-dismiss = "alerta" href = "#" > × </a> rehegua
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 .fade
ha .in
clase ojeaplikamava’ekue hesekuéra.
Omboty peteĩ alerta.
- $ ( ".alerta" ). alerta ( 'mboty' ) .
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 close mé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). |
- $ ( '#che-alerta' ). bind ( 'oñemboty' , función () {
- // ejapo peteĩ mba'e...
- }) Ñe’ẽpoty ha purahéi .
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.
Oipurúvo pe plugin colapso, romopu’ã peteĩ widget estilo acordeón simple:
Emboguata javascript rupive:
- $ ( ".oñemboguejy" ). ñembyai () .
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 |
Oñemoĩnte data-toggle="collapse"
ha peteĩ data-target
elemento-pe oñemeꞌe hag̃ua ijeheguiete control peteĩ elemento oñembotýva rehegua. Pe data-target
atributo omoneĩ peteĩ css jeporavoha omoĩ hag̃ua pe ñemboguejy. Ejesareko porãke emoĩ hag̃ua pe mboꞌepy collapse
pe elemento oñembotývape. Oipotáramo ojepe’a por defecto, emoĩve pe clase adicional in
.
- <botón clase = "btn btn-peligro" dato-toggle = "collapso" dato-objetivo = "#demo" >
- simple plegable rehegua
- </botón> rehegua
- <div id = "demo" clase = "oñemboguejy" > ... </div>
data-parent="#selector"
. Ehechamína pe demostración rehecha hag̃ua kóva acción-pe.
Omomba’apo ne contenido peteĩ elemento oñemboguejýva ramo. Omoneĩ peteĩ opción opcional object
.
- $ ( '#cheCollapsible' ). ho'a haguã ({
- toggle : japu
- }) Ñe’ẽpoty ha purahéi .
Ombohasa peteĩ elemento oñembotykuaáva ojehechauka térã oñeñomi hag̃ua.
Ohechauka peteĩ elemento oñembotykuaáva.
Oñomi peteĩ elemento oñembotykuaá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 show mé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 hide mé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). |
- $ ( '#cheCollapsible' ). on ( 'oñomi' , función () {
- // ejapo peteĩ mba'e...
- }) Ñe’ẽpoty ha purahéi .
Peteĩ plugin genérico ojejapo hag̃ua ciclo umi elemento rupive. Peteĩ vy’apavẽ.
Emboguejy archivoEhecha pe diapositiva jehechauka oĩva koʼápe.
Ehenói javascript rupive:
- $ ( '.carrusel' ). carrusel rehegua () .
Téra | hesegua | upevakuére | techaukaha |
---|---|---|---|
intervalo rehegua | papapy | 5000 rehegua | Pe tiempo oñembotapykue hag̃ua ojeguata hag̃ua automáticamente peteĩ mbaꞌere. Japúramo, carrusel ndojapomo’ãi automáticamente ciclo. |
pa'ũ | sã | "hover" rehegua. | Opausa pe ciclo carrusel rehegua mouseenter-pe ha omoñepyrũ jey pe ciclo carrusel rehegua mouseleave-pe. |
Umi atributo dato rehegua ojepuru umi conrol mboyvegua ha oúvape g̃uarã. Ehecháke pe techapyrã marcado iguýpe.
- <div id = "cheCarrusel" clase = "diapositiva de carrusel" >
- <!-- Artículos de carrusel -->
- <div clase = "carrusel-pypegua" >
- <div clase = "mba’e’apopyrã” > ... </div>
- <div clase = "artículo" > ... </div> rehegua
- <div clase = "artículo" > ... </div> rehegua
- </div> rehegua
- <!-- Carrusel nav --> rehegua
- <a clase = "carrusel-control izquierdo" href = "#checarrusel" data-slide = "ymavegua" > ‹ </a> rehegua
- <a clase = "carrusel-control derecho" href = "#checarrusel" data-slide = "oúva" > › </a> rehegua
- </div> rehegua
Omoñepyrü carrusel orekóva opciones opcionales object
ha oñepyrü bicicleta umi artículo rupive.
- $ ( '.carrusel' ). carrusel rehegua ({
- intervalo : ary 2000-pe
- }) Ñe’ẽpoty ha purahéi .
Ojapo ciclo umi mba e carrusel rehegua rupive izquierda guive derecha peve.
Ojoko carrusel ani haguã ohóva bicicleta rehe umi artículo rupive.
Ombojere carrusel peteĩ marco particular-pe (0 oñemopyendáva, ojoguáva peteĩ matriz-pe).
Ombohasa ciclo pe elemento ohasava’ekuépe.
Ombojere pe mba’e oúvape.
Bootstrap clase carrusel oikuaauka mokõi evento ojeengancha haguã funcionalidad carrusel-pe.
Jeguerohyha | Techaukaha |
---|---|
ta''ãngarechauka | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave slide método instancia rehegua. |
oñemongu’e | Ko evento ojedispara carrusel omohu'ãvo transición diapositiva. |
Peteĩ plugin básico, oñembotuicháva ndahasýiva ojejapo pyaꞌe hag̃ua umi typeahead elegante oimeraẽva formulario jeike jehaipyre reheve.
Emboguejy archivoEñepyrũ ehai pe tenda oĩva iguýpe ehechauka hag̃ua umi mba’ekuaarã ojehai mboyve.
Ehenói typeahead-pe javascript rupive:
- $ ( '.ehai tenonde' ). ehai tenondegua () .
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 item oñemoĩva rehe oñeha’ã hag̃ua pe porandu. Eike porandu ko’áĝaguápe this.query . Embojevy peteĩ booleano true porandu 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 items ha 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 item ha oguereko alcance instancia typeahead rehegua. Ojevyva’erã html. |
Oñemoĩve umi atributo dato rehegua ojeregistra hag̃ua peteĩ elemento orekóva funcionalidad typeahead.
- < type de entrada = "jehaipyre" data-provide = "typeahead" >
Omoñepyrũ peteĩ jeike peteĩ typeahead reheve.