JavaScript rehegua
Egueru Bootstrap mbaꞌekuaarã tekovépe peteĩ docena jQuery jeporupyre jeporupyre ári. Emoĩmbaite chupekuéra fásilmente, térã peteĩ teĩ.
Egueru Bootstrap mbaꞌekuaarã tekovépe peteĩ docena jQuery jeporupyre jeporupyre ári. Emoĩmbaite chupekuéra fásilmente, térã peteĩ teĩ.
Umi plugin ikatu oike peteĩteĩ (oipurúvo Bootstrap rembiapokue peteĩteĩva *.js
), térã opaite peteĩ jeýpe (oipurúvo bootstrap.js
térã oñemboguejýva bootstrap.min.js
).
Mokõivéva bootstrap.js
ha bootstrap.min.js
oguereko opaite plugin peteĩ vore’ípe. Emoĩ peteĩnte.
Oĩ plugin ha CSS componente odependéva ambue plugin rehe. Emoĩramo umi plugin peteĩteĩ, eñangareko ehecha hag̃ua ko’ã dependencia umi docs-pe. Avei eñatendéke opaite plugin odependeha jQuery rehe (kóva heꞌise jQuery oikevaꞌerãha umi plugin rembiapokue mboyve ). Ejesareko orebower.json
rehe rehecha hag̃ua mba’e versión jQuery rehegua oipytyvõ.
Ikatu reipuru opaite Bootstrap mboajepyréva API marcado rupive añoite rehai’ỹre peteĩ línea JavaScript rehegua. Kóva ha’e Bootstrap API peteĩha mbo’esyry ha ha’eva’erã ne mba’ekuaarã peteĩha reipuru jave peteĩ plugin.
Upéva oje’évo, oĩ situación-pe ikatu ojeipota oñembogue ko funcionalidad. Upévare, rome’ẽ avei mba’ekuaarã embogue hag̃ua API atributo dato rehegua emboguejývo opaite mba’e ojehúva kuatia rérape oñembojoajúva ndive data-api
. Péva ojehecha péicha:
Ikatu avei, oñembohape hag̃ua peteĩ plugin específico, emoinge mante pe plugin réra peteĩ téra rendaguépe data-api réra rendaguépe kóicha:
Ani reipuru umi atributo dato rehegua heta plugin-gui peteĩ elemento-pe. Techapyrã, peteĩ botón ndaikatúi mokõive oguereko peteĩ tembipuru’i ñe’ẽmondo ha ombohasa peteĩ modal. Péva ojejapo hagua, ojepuruva era petet elemento de envoltura.
Avei roguerovia ikatuva’erãha reipuru opaite Bootstrap mboajepyréva JavaScript API rupive añoite. Opaite API público haꞌehína método peteĩva, oñekadenakuaáva, ha ombojevy pe colección ojejapóva hese.
Opaite método omoneĩva’erã peteĩ mba’e’oka opción opcional, peteĩ cadena ojepytasóva peteĩ método particular rehe, térã mba’eve (omoñepyrũva peteĩ plugin orekóva comportamiento por defecto):
Káda plugin ohechauka avei iconstructor raw peteĩ Constructor
propiedad rehe: $.fn.popover.Constructor
. Ojehupytyséramo peteĩ instancia plugin particular, egueru directamente peteĩ elemento-gui: $('[rel="popover"]').data('popover')
.
Ikatu emoambue ñemboheko tee peteĩ plugin-pe g̃uarã emoambuévo pe plugin Constructor.DEFAULTS
mba’ekuaarã:
Sapy’ánte tekotevẽ ojepuru Bootstrap mboajepyréva ambue UI rembiapokue ndive. Ko’ã mba’épe, ikatu sapy’apy’a oiko umi choque espacio de nombre rehegua. Péva oikóramo, ikatu ehenói .noConflict
pe plugin rembojevysévape pe valor.
Bootstrap ome’ẽ mba’e’oka jeporupyre hetavéva umi plugin rembiaporã ijojaha’ỹvape g̃uarã. Generalmente, koꞌãva oúva peteĩ forma infinitiva ha participio ohasavaꞌekuépe - oñemboguatahápe infinitivo (ex. show
) oñepyrũvo peteĩ mbaꞌe ojehúva, ha iforma participio ohasavaꞌekue (ex. shown
) oñembohapéva oñembotývo peteĩ tembiapo.
3.0.0 guive, opaite Bootstrap mbaꞌe ojehúva oñemboheko héra mbytépe.
Opaite mba’e ojehúva infinitivo ome’ẽ preventDefault
funcionalidad. Kóva omeꞌe katupyry ojejoko hag̃ua peteĩ tembiapo jejapópe oñepyrũ mboyve.
Pe versión peteĩteĩva Bootstrap jQuery mboajepyréva rehegua ikatu ojeike VERSION
pe mboajepyréva apoha mbaꞌekuaarã rupive. Techapyrã, tembipuru’i ñembohekorãme g̃uarã:
Bootstrap plugins ndo’ái tapykuépe particularmente gracioso JavaScript oñembogue jave. Ejepy’apýramo puruhára jeikove rehe ko kásope, eipuru <noscript>
emyesakã hag̃ua mba’éichapa oĩ (ha mba’éichapa ikatu emboguata jey JavaScript) ne puruhárape, ha/térã emoĩve ne mba’e’oka jeporupyre.
Bootstrap ndoipytyvõi oficialmente mbohapýha JavaScript aranduka’i Prototype térã jQuery UI-icha. Jepémo .noConflict
ha umi mba’e ojehúva téra espacio-pe, ikatu oĩ apañuãi compatibilidad rehegua tekotevẽva remyatyrõ ndejehegui.
Umi efecto transición simple-pe g̃uarã, emoinge transition.js
peteĩ jey ambue JS vore ykére. Oipurúramo oñembohekopyréva (térã oñemboguejýva) bootstrap.js
, natekotevẽi remoinge kóva—oĩma upépe.
Transition.js haꞌehína peteĩ pytyvõha tenondegua umi transitionEnd
mbaꞌe ojehúvape g̃uarã ha avei peteĩ emulador transición CSS rehegua. Oipuru ambue plugin ohecha hag̃ua CSS ñembohasa pytyvõ ha ojagarra hag̃ua ñembohasa ojekolokáva.
Umi jehaipyre ikatu oñembogue opaite tetãme ojeporúvo ko’ã JavaScript pehẽngue, oúva’erã ojekarga rire transition.js
(térã bootstrap.js
térã bootstrap.min.js
, ikatuháicha):
Umi modal oñemohenda porã, ha katu iflexible, ñe’ẽmondo ñe’ẽmondo orekóva funcionalidad michĩvéva oñeikotevẽva ha umi por defecto inteligente.
Ejesareko ani hag̃ua reipe’a peteĩ modal ojehecha aja gueteri ambue. Ohechauka hag̃ua hetave peteĩ modal peteĩ jeýpe oikotevẽ código personalizado.
Akóinte eñeha’ã emoĩ peteĩ modal código HTML peteĩ tenda yvateguápe nde kuatiaroguépe ani hag̃ua ambue componente oityvyro modal jehechauka ha/térã funcionalidad-pe.
Oĩ algunas advertencias ojeporúvo modales umi dispositivo móvil-pe. Ehecha ore kuatiañe’ẽ pytyvõrã kundahára rehegua reikuaa hag̃ua mba’ekuaarã.
Mbaꞌeichaitépa HTML5 omboheko iñemohendapyre, autofocus
HTML atributo ndoguerekói mbaꞌeveichagua mbaꞌekuaarã umi modal Bootstrap-pe. Ojehupyty hag̃ua peteĩchagua efecto, eipuru peteĩ JavaScript jeporupyre:
Peteĩ modal oñembohasáva oguerekóva iñakãrapuꞌa, hete ha tembiaporã ñemohendapyre ipype.
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.
Ejesareko katuete emoĩ role="dialog"
ha aria-labelledby="..."
, referencia título modal rehe, .modal
, ha role="document"
pe .modal-dialog
ijehegui.
Avei, ikatu eme’ẽ peteĩ ñemombe’u ne ñe’ẽñemi modal rehegua aria-describedby
on ndive .modal
.
Oñemoinge hag̃ua YouTube videokuéra modal-pe oikotevẽ JavaScript adicional ndaha’éiva Bootstrap-pe ojejoko hag̃ua ijeheguiete ñembopu ha hetave mba’e. Ehecha ko kuatiañe’ẽ oipytyvõva Stack Overflow rehegua reikuaave hag̃ua.
Umi modal oguereko mokõi tuichakue opcional, ojeguerekóva clase modificador rupive oñemoĩ hag̃ua peteĩ .modal-dialog
.
Umi modal ojehechaukáva simplemente oñedesvanece rangue ojehecha hag̃ua, eipe’a pe .fade
clase nde marcado modal-gui.
Ojeaprovecha hag̃ua sistema rejilla Bootstrap rehegua peteĩ modal ryepýpe, emoĩnte .row
s ryepýpe .modal-body
ha upéi eipuru umi clase sistema rejilla normal rehegua.
¿Reguerekópa peteĩ aty umi botón opavave ombohapéva peteĩchagua modal, umi contenido iñambue’imiva reheve añoite? Eipuru event.relatedTarget
ha HTML data-*
atributo (ikatu jQuery rupive ) emoambue hag̃ua modal mbaꞌekuaarã ojesarekóva mbaꞌe botón rehepa ojepyso. Ehecha umi docs Eventos Modales rehegua reikuaa hag̃ua mba’épa he’ise relatedTarget
, .
Pe plugin modal ombohasa ne mba’ekuaarã kañymby ojejeruréramo, umi atributo dato rehegua térã JavaScript rupive. Avei omoĩve .modal-open
pe <body>
to override desplazamiento comportamiento por defecto ha omoheñói peteĩ .modal-backdrop
omeꞌe hag̃ua peteĩ área clic rehegua oñemboyke hag̃ua umi modal ojehechaukáva ojepyso jave modal okaháre.
Emombaꞌapo peteĩ modal ehaiꞌeỹre JavaScript. Oñemohenda data-toggle="modal"
peteĩ elemento controlador rehe, peteĩ botón-icha, peteĩ data-target="#foo"
térã href="#foo"
ndive ojepytaso hag̃ua peteĩ modal específico ojere hag̃ua.
Ehenói peteĩ modal orekóva id myModal
peteĩ línea JavaScript reheve:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-backdrop=""
.
Téra | hesegua | upevakuére | techaukaha |
---|---|---|---|
telón de fondo rehegua | boolean térã pe vore'static' |
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. |
mombyryeterei | tapepo'i | japu | Ko opción ndojepuruvéima v3.3.0 guive ha ojeipeꞌa v4-pe. Ro’e porã eipuru rangue plantilla cliente-pegua térã peteĩ marco de encuadernación de datos, térã ehenói jQuery.load ndete voi. Oñeme’ẽramo peteĩ URL mombyrygua, ojekargáta contenido peteĩ jey jQuery |
.modal(options)
Omomba’apo ne contenido modal ramo. Omoneĩ peteĩ opción opcional object
.
.modal('toggle')
Ombohasa manualmente peteĩ modal. Ojevy ohenóivape ojehechauka térã oñeñomi mboyve añetehápe modal (heꞌiséva oiko mboyve shown.bs.modal
térã hidden.bs.modal
mbaꞌe ojehúva).
.modal('show')
Oipe’a manualmente peteĩ modal. Ojevy ohenóivape ojehechauka mboyve añetehápe modal (heꞌiséva oiko mboyve pe shown.bs.modal
mbaꞌe ojehúva).
.modal('hide')
Oñomi manualmente peteĩ modal. Ojevy ohenóivape oñeñomi mboyve añetehápe modal (heꞌiséva oiko mboyve pe hidden.bs.modal
mbaꞌe ojehúva).
.modal('handleUpdate')
Omohenda jey modal ñemohenda ombohovái hag̃ua peteĩ barra de desplazamiento oiméramo ojehechauka peteĩva, ojapótava modal salto akatúa gotyo.
Oñeikotevẽ añoite oñemoambuéramo pe modal yvatekue ojepe’a aja.
Bootstrap clase modal ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad modal-pe.
Opaite mbaꞌe ojehúva modal ojedispara pe modal rehe voi (heꞌiséva pe <div class="modal">
).
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.modal | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave show método instancia rehegua. Ojejapóramo peteĩ jekutu rupive, pe elemento ojepysóva ojeguereko relatedTarget pe mbaꞌe ojehúva mbaꞌeichaitépa. |
ojehechauka.bs.modal | Ko mbaꞌe ojehúva oñembogue ojejapo rire modal ojehecha hag̃ua puruhárape (ohaꞌarõta oñembotývo umi CSS jehasaha). Ojejapóramo peteĩ jekutu rupive, pe elemento ojepysóva ojeguereko relatedTarget pe mbaꞌe ojehúva mbaꞌeichaitépa. |
omokañy.bs.modal | Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hide método instancia rehegua. |
kañymby.bs.modal | Ko mbaꞌe ojehúva oñembogue modal oñemokañypa rire puruháragui (ohaꞌarõta CSS jehaipyre oñembotývo). |
ojekarga.bs.modal | Ko evento oñembogue modal okargáma jave contenido oiporúvo remote opción. |
Emoĩ menú desplegable haimete oimeraẽ mba’épe ko plugin isãsóva reheve, oikehápe navbar, ficha ha pastilla.
Atributo de datos térã JavaScript rupive, pe plugin desplegable omoambue contenido kañymby (menú desplegable) ombohasávo .open
clase elemento lista tuvakuéra rehegua.
Umi dispositivo móvil-pe, ojepe’ávo peteĩ desplegable omoĩ peteĩ .dropdown-backdrop
área de tapón ramo oñemboty hag̃ua umi menú desplegable ojepoko jave menú okaháre, peteĩ mba’e ojejeruréva iOS pytyvõ hekopete. Kóva he’ise oñembohasa hag̃ua peteĩ menú desplegable abierto-gui peteĩ menú desplegable iñambuévape oikotevẽha peteĩ tap extra móvil-pe.
Ñe’ẽñemi: Pe data-toggle="dropdown"
atributo ojejerovia oñemboty hag̃ua menú desplegable peteĩ aplicación nivel-pe, upévare iporã reipuru meme.
Emoĩ data-toggle="dropdown"
peteĩ enlace térã botón-pe emoambue hag̃ua peteĩ desplegable.
URL-kuéra oñeñongatu hag̃ua hekopete umi joajuha vore reheve, eipuru data-target
atributo href="#"
.
Ehenói umi desplegable JavaScript rupive:
data-toggle="dropdown"
oñeikotevẽ gueteriTaha’e ha’éva ehenóiva ne desplegable JavaScript rupive térã upéva rangue eipuru data-api, data-toggle="dropdown"
oñeikotevẽ akóinte oĩ presente pe desplegable elemento desencadenante-pe.
Avave
$().dropdown('toggle')
Ombohasa menú desplegable peteĩ navbar térã navegación ficha oñemeꞌevaꞌekue rehegua.
Opaite mbaꞌe ojehúva desplegable oñembopu .dropdown-menu
's elemento túvape.
Opaite mbaꞌe ojehúva desplegable oguereko peteĩ relatedTarget
mbaꞌekuaarã, ivalór haꞌehína elemento anclaje oñembohasáva.
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.oñemboguejy | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave método instancia ohechaukáva. |
ojehechauka.bs.dropdown | Ko mba’e ojehúva oñembogue ojejapo rire ojehecha hag̃ua puruhárape (oha’arõta umi CSS jehaipyre, oñembotývo). |
omokañy.bs.oñemboguejy | Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe método instancia omokañyvaꞌekue. |
kañymby.bs.dropdown rehegua | Ko mba’e ojehúva oñembogue oñemokañypa rire pe desplegable puruháragui (oha’arõta CSS jehaipyre, oñembotývo). |
Pe ScrollSpy plugin ha’e oñembopyahu hag̃ua ijeheguiete umi nav destino oñemopyendáva desplazamiento ñemohenda rehe. Emoinge pe área oĩva navbar guýpe ha ehecha pe clase activa ñemoambue. Umi sub elemento desplegable ojehechaukáta avei.
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.
Umi enlace Navbar oguerekova’erã umi meta id oñemyatyrõva. Techapyrã, a <a href="#home">home</a>
okorrespondevaꞌerã peteĩ mbaꞌe DOM-pe haꞌeháicha <div id="home"></div>
.
:visible
blanco oñemboykeUmi elemento destino ndaha’éiva :visible
jQuery he’iháicha oñemboykéta ha umi elemento nav okorrespondéva araka’eve noñemomba’emo’ãi.
Taha’e ha’éva pe método implementación rehegua, scrollspy oikotevẽ jepuru rehegua position: relative;
pe elemento rehe reespiáva. Hetavépe kóva ha’e pe <body>
. Ojejapo jave desplazamiento umi elemento ndaha’éiva pe <body>
, katuete oguereko peteĩ height
conjunto ha overflow-y: scroll;
ojeporu.
Oñemoĩ hag̃ua scrollspy jeiko pya’e nde barra yvategua jeguatarãme, emoĩve data-spy="scroll"
pe elemento ehechasévape (jepiveguaichavéva kóva ha’éta pe <body>
). Upéi emoĩve data-target
atributo orekóva ID térã clase elemento túva oimeraẽva .nav
componente Bootstrap rehegua.
Emoĩ rire position: relative;
nde CSS-pe, ehenói scrollspy-pe JavaScript rupive:
.scrollspy('refresh')
Eipuru jave scrollspy ojoajúvo emoĩ térã eipeꞌa elemento DOM-gui, tekotevẽta ehenói método ñembopyahu péicha:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-offset=""
.
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. |
Tipo de Evento rehegua | Techaukaha |
---|---|
omomba’apo.bs.scrollspy | Ko mba’e ojehúva odispara jave peteĩ mba’e pyahu oñemboguata jave pe scrollspy rupive. |
Emoĩve funcionalidad ficha pya’e ha dinámica rehegua embohasa hag̃ua umi panel contenido local rupive, jepe umi menú desplegable rupive. Umi ficha anidado ndojeguerohorýi.
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.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Ko plugin ombohape componente navegación ficha rehegua omoĩ hag̃ua área ficha rehegua.
Emboguata umi vore vore’i JavaScript rupive (peteĩteĩva vore tekotevẽ oñemboguata peteĩteĩ):
Ikatu emombaꞌapo peteĩteĩva ficha heta hendáicha:
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 pestaña ul
-pe ojeporúta Bootstrap pestaña estilo , oñembojoapývo umi nav
ha nav-pills
mbo’esyry ojeporúta píldora estilo .
Ojejapo hag̃ua umi ficha oñedesvanece, emoĩ .fade
peteĩteĩme .tab-pane
. Peteĩha vore vore oguerekovaꞌerã avei .in
ojehecha hag̃ua pe contenido ñepyrũrã.
$().tab
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. Umi techapyrã yvateguápe, umi ficha haꞌehína umi <a>
s oguerekóva data-toggle="tab"
atributo.
.tab('show')
Oiporavo pe ficha oñeme’ẽva ha ohechauka contenido ojoajúva hese. Oimeraẽ ambue ficha ojeporavóva’ekue ymave ndojeporavoiva’ekue ha oñeñomi umi contenido ojoajúva hese. Ojevy ohenóivape ojehechauka mboyve añetehápe pe ficha vore (heꞌiséva oiko mboyve pe shown.bs.tab
mbaꞌe ojehúva).
Ohechauka jave peteĩ ficha pyahu, umi mbaꞌe ojehúva odispara koꞌã orden-pe:
hide.bs.tab
(pe ficha activa ko’áĝaguápe)show.bs.tab
(pe pestaña ojehechaukátavape)hidden.bs.tab
(pe ficha activa mboyvegua-pe, peteĩchagua pe hide.bs.tab
evento-pe g̃uarã)shown.bs.tab
(pe pestaña ojehechauka ramóvape, peteĩchagua pe show.bs.tab
evento-pe g̃uarã)Ndaipóriramo peteĩ ficha ndojejapóiva’ekue voi, upéicharamo umi hide.bs.tab
ha hidden.bs.tab
mba’e ojehúva ndojedisparamo’ãi.
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.tab | 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.bs.tab | 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ĩ. |
omokañy.bs.tab | Ko mbaꞌe ojehúva ojedispara ojehechaukavaꞌerã jave peteĩ ficha pyahu (ha upéicha rupi oñeñomivaꞌerã pe ficha activa mboyvegua). Eipuru event.target ha event.relatedTarget emohenda hag̃ua pe ficha activa ko’áĝagua ha pe ficha pyahu pya’e ojejapótava, peteĩteĩ. |
kañymby.bs.tab | Ko mbaꞌe ojehúva oñembopu ojehechauka rire peteĩ ficha pyahu (ha upéicha oñeñomi pe ficha activa mboyvegua). Eipuru event.target ha event.relatedTarget emohenda hag̃ua pe ficha activa mboyvegua ha pe ficha activa pyahu, peteĩteĩ. |
Oñeinspiráva pe plugin iporãitereíva jQuery.tipsy ohaiva’ekue Jason Frame; Tembipururã ñe’ẽmondo ha’e peteĩ versión oñembopyahúva, ndojeroviapáiva ta’ãngamýire, oipuru CSS3 taꞌãngamýime g̃uarã, ha dato-atributo título ñeñongaturã tendápe g̃uarã.
Umi tembipuru’i ñe’ẽmondo oguerekóva título ipukukue cero araka’eve ndojehechaukái.
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.
Ojeguereko irundy opción: yvate, akatúa, yvy gotyo ha asu gotyo alineado.
Mba’éichapa omba’apo, Tooltip ha Popover data-apis ha’e opt-in, he’iséva ndete voi remoñepyrũva’erã .
Peteĩ tape oñemboguapy hag̃ua opaite tembipuru’i ñe’ẽmondo peteĩ páhinape ha’éta ojeporavo hag̃ua data-toggle
atributo rupive:
Pe tembipuru’i ñemohendaha omoheñói contenido ha marcado ojejerurévo, ha por defecto omoĩ tembipuru’i ñe’ẽmondo elemento desencadenante rire.
Emoñepyrũ tembipuru’i ñe’ẽmondo JavaScript rupive:
Pe marcado oñeikotevẽva peteĩ tembipuru’i ñe’ẽmondope g̃uarã ha’e peteĩ data
atributo añoite ha title
elemento HTML rehe reguerekoséva peteĩ tembipuru’i ñe’ẽmondo. Pe marcado oñembohekopyréva peteĩ tembipuru’i ñe’ẽmondo rehegua isãsove, jepémo oikotevẽ peteĩ tenda (por defecto, oñemohenda top
plugin rupive).
Sapy’ánte emoĩse peteĩ tembipuru’i ñe’ẽmondo peteĩ hipervínculo-pe ombojere heta línea. Pe tembipuru’i ñembohekopyrã jeiko ñepyrũrã haꞌehína oñemombyte hag̃ua horizontalmente ha verticalmente. Emoĩve white-space: nowrap;
nde ancla-kuérape ani hag̃ua oiko upéva.
Eipuru jave tembipuru’i ñe’ẽmondo umi elemento oĩva peteĩ .btn-group
térã peteĩ ryepýpe .input-group
, térã umi elemento ojoajúva cuadro rehe ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), emombe’uva’erã opción container: 'body'
(oñemoĩva kuatiápe iguýpe) ani hag̃ua oiko umi mba’e vai ojeipota’ỹva (ha’eháicha pe elemento okakuaa tuichavéva ha/ térã operde umi iesquina redondeada oñemboguata jave tembipuru’i punta).
Umi puruhárape g̃uarã ohóva teclado reheve, ha en particular umi tecnología pytyvõhára puruhárape g̃uarã, emoĩva’erã tembipuru’i ñe’ẽmondo añoite umi elemento teclado-pe oñembohapévape ha’eháicha enlace, control formulario rehegua térã oimeraẽ elemento arbitrario orekóva tabindex="0"
atributo.
Oñemoĩ hag̃ua peteĩ tembipuru’i peteĩ disabled
térã .disabled
elemento-pe, emoĩ pe elemento peteĩ ryepýpe <div>
ha emoĩ tembipuru’i ñe’ẽmondo upévape <div>
hendaguépe.
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-animation=""
.
Téra | Hesegua | Upevakuére | Techaukaha |
---|---|---|---|
animación rehegua | booleano rehegua | teete | Emoĩ peteĩ CSS ñemboguejy ñembohasa tembipuru’i ñe’ẽmondope |
mba’yru rehegua | cadena rehegua | japu | japu | Ombojoaju tembipuru’i ñe’ẽmondo peteĩ elemento específico-pe. Tembiecharã: |
mbegue | papapy | mba'e | 0 rehegua | Retraso ojehechauka ha oñeñomi hag̃ua tembipuru’i ñe’ẽmondo (ms) - ndojeporúi tipo de disparo manual-pe Oñeme’ẽramo peteĩ papapy, ojejapo retardo mokõivévape kañy/jehechauka Objeto estructura ha’e: . |
html rehegua | booleano rehegua | japu | Emoinge HTML tembipuru’i ñe’ẽmondope. Japúramo, jQuery rembiaporã text ojeporúta oñemoinge hag̃ua mbaꞌekuaarã DOM-pe. Eipuru jehaipyre rejepy’apýramo umi ataque XSS rehe. |
colocación rehegua | cadena rehegua | hembiapo | 'yvate' | Mba'éichapa oñemohenda tembipuru'i - yvate | yvy gotyo | izquierda | derecho | auto rehegua. Ojepuru jave peteĩ tembiaporã ojekuaa hag̃ua ñemohenda, oñehenói tembipururã vore DOM nodo peteĩha argumento ramo ha elemento disparador nodo DOM mokõiha ramo. Pe |
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. En práctica, kóva ojepuru ikatu hag̃uáicha contenido HTML dinámico oguereko tembipuru’i ñe’ẽmondo oñembojoapýva. Ehecha kóva ha peteĩ techapyrã informativo . |
plantilla rehegua | sã | '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' |
Base HTML ojepuru hag̃ua ojejapo jave tembipuru’i ñe’ẽmondo. Pe tembipuru'i
Pe elemento envoltura okápegua oguerekova era pe |
myakãha | cadena rehegua | hembiapo | '' . | Título valor por defecto Oñemeꞌeramo peteĩ función, oñehenóita |
ñembokapu | sã | 'enfoque hover' rehegua. | Mba’éichapa oñemboguata tembipuru’i ñe’ẽmondo - eity | hover rehegua | enfoque | popeguáva. Ikatu rembohasa heta disparador; omboja’o chupekuéra peteĩ espacio reheve. manual ndaikatúi oñembojoaju ambue gatillo ndive. |
jehechaukaha | cadena rehegua | mba'e | hembiapo | { selector: 'cuerpo', acolchado: 0 } Ñe'ẽpoty ha purahéi . | Oñongatu tembipuru’i ñe’ẽmondo ko elemento rembe’y ryepýpe. Tembiecharã: Oñemeꞌeramo peteĩ tembiaporã, oñehenói elemento desencadenante DOM nodo reheve iargumento añoite ramo. Pe |
Umi opción tembipuru’i peteĩteĩvape g̃uarã ikatu alternativamente oñemboheko umi atributo dato rehegua jepuru rupive, oñemyesakã haguéicha yvateve.
$().tooltip(options)
Ombojoaju peteĩ tembipuru’i ñemboguataha peteĩ elemento ñembyaty rehe.
.tooltip('show')
Oikuaauka peteĩ elemento tembipururã ñe’ẽmondo. Ojevy ohenóivape ojehechauka mboyve añetehápe tembipuru’i ñe’ẽmondo (he’iséva oiko mboyve pe shown.bs.tooltip
mba’e ojehúva). Kóva ojehecha peteĩ "manual" disparo herramienta rehegua. Umi tembipuru’i ñe’ẽmondo oguerekóva título ipukukue cero araka’eve ndojehechaukái.
.tooltip('hide')
Oñomi peteĩ elemento tembipuru’i ñe’ẽmondo. Ojevy ohenóivape oñeñomi mboyve añetehápe tembipuru’i ñe’ẽmondo (he’iséva oiko mboyve pe hidden.bs.tooltip
mba’e ojehúva). Kóva ojehecha peteĩ "manual" disparo herramienta rehegua.
.tooltip('toggle')
Ombohasa peteĩ elemento tembipuru’i ñe’ẽmondo. Ojevy ohenóivape ojehechauka térã oñeñomi mboyve añetehápe tembipuru’i ñe’ẽmondo (he’iséva oiko mboyve shown.bs.tooltip
térã hidden.bs.tooltip
mba’e’oka). Kóva ojehecha peteĩ "manual" disparo herramienta rehegua.
.tooltip('destroy')
Oñomi ha ohundi peteĩ elemento tembipuru’i ñe’ẽmondo. Umi tembipuru’i oipurúva delegación (ojejapóva ojeporúvo opciónselector
) ndaikatúi oñehundi peteĩteĩ umi elemento disparador ñemoñare rehe .
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.tembipuru’i ñe’ẽmondo | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave show método instancia rehegua. |
ojehechauka.bs.tembipuru’i ñe’ẽmondo | Ko mba’e’oka oñembogue ojejapo rire tembipuru’i ñemboheko ojehecha hag̃ua puruhárape (oha’arõta CSS jehaipyre oñembotývo). |
hide.bs.tembipuru’i ñe’ẽmondo | Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hide método instancia rehegua. |
hidden.bs.tembipuru’i ñe’ẽmondo | Ko mba’e ojehúva oñembogue oñemokañypa rire tembipuru’i ñe’ẽmondo puruháragui (oha’arõta CSS jehaipyre oñembotývo). |
oñemoinge.bs.tembipuru’i ñe’ẽmondo | Ko mbaꞌe ojehúva oñembogue pe show.bs.tooltip mbaꞌe ojehúva rire oñembojoapy rire tembipururã ñemohendaha DOM-pe. |
Oñemoĩ umi superposición michĩva contenido rehegua, umi oĩva iPad-peguáicha, oimeraẽ elemento-pe oñemohenda hag̃ua marandu secundaria.
Umi popovers oguerekóva título ha contenido mokõive ipukukue cero araka’eve ndojehechaukái.
Popovers oikotevẽ tembipuru’i ñemohendaha oike hag̃ua ne versión Bootstrap-pe.
Mba’éichapa omba’apo, Tooltip ha Popover data-apis ha’e opt-in, he’iséva ndete voi remoñepyrũva’erã .
Peteĩ tape oñemboguapy hag̃ua opaite popover peteĩ página-pe haꞌeta ojeporavo hag̃ua data-toggle
atributo rupive:
Oipurúvo popovers umi elemento oĩva peteĩ .btn-group
térã peteĩ ryepýpe .input-group
, térã umi elemento ojoajúva cuadro rehe ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), emombeꞌuvaꞌerã opción container: 'body'
(oñemoĩva kuatiápe iguýpe) ani hag̃ua oiko umi efecto secundario ndojeipotavéiva (haꞌeháicha pe elemento okakuaa tuichavéva ha/ térã operde umi esquina redondeada oñemboguata jave popover).
Oñemoĩ hag̃ua peteĩ popover peteĩ disabled
térã .disabled
elemento rehe, emoĩ pe elemento peteĩ ryepýpe <div>
ha emoĩ pe popover upévape <div>
rangue.
Sapy’ánte emoĩse peteĩ popover peteĩ hipervínculo-pe ombojere heta línea. Popover plugin reko ñepyrũrã haꞌehína oñecentra hag̃ua horizontalmente ha verticalmente. Emoĩve white-space: nowrap;
nde ancla-kuérape ani hag̃ua oiko upéva.
Ojeguereko irundy opción: yvate, akatúa, yvy gotyo ha asu gotyo alineado.
Seed posuere consectetur est en lobortis rehegua. Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis vestibulo rehegua.
Seed posuere consectetur est en lobortis rehegua. Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis vestibulo rehegua.
Seed posuere consectetur est en lobortis rehegua. Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis vestibulo rehegua.
Seed posuere consectetur est en lobortis rehegua. Eneano eu leo quam rehegua. Pelentesco ornare sem lacinia quam venenatis vestibulo rehegua.
Eipuru pe focus
gatillo emosẽ hag̃ua umi popovers ambue clic-pe puruhára ojapóva.
Ojepokuaa porã hag̃ua kundaha ha plataforma kurusu, eipuruva’erã <a>
etiqueta, ndaha’éi etiqueta <button>
, ha avei emoĩva’erã umi atributo role="button"
ha .tabindex
Emboguata popovers JavaScript rupive:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-animation=""
.
Téra | Hesegua | Upevakuére | Techaukaha |
---|---|---|---|
animación rehegua | booleano rehegua | teete | Emoĩ peteĩ CSS descoloramiento ñembohasa popover-pe |
mba’yru rehegua | cadena rehegua | japu | japu | Ombojoaju pe popover peteĩ elemento específico rehe. Tembiecharã: |
pypegua | cadena rehegua | hembiapo | '' . | Contenido valor por defecto Oñemeꞌeramo peteĩ función, oñehenóita |
mbegue | papapy | mba'e | 0 rehegua | Retraso ohechauka ha omokañy 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: . |
html rehegua | booleano rehegua | japu | Emoinge HTML pe popover-pe. Japúramo, jQuery rembiaporã text ojeporúta oñemoinge hag̃ua mbaꞌekuaarã DOM-pe. Eipuru jehaipyre rejepy’apýramo umi ataque XSS rehe. |
colocación rehegua | cadena rehegua | hembiapo | 'akatúa' | Mba'éichapa oñemohenda pe popover - yvate | yvy gotyo | izquierda | derecho | auto rehegua. Ojepuru jave peteĩ tembiaporã ojekuaa hag̃ua ñemohenda, oñehenói nodo popover DOM reheve peteĩha argumento ramo ha elemento disparador nodo DOM mokõiha ramo. Pe |
selector rehegua | sã | japu | Oñeme’ẽramo peteĩ jeporavoha, umi mba’e’oka popover rehegua oñeme’ẽta umi mba’e’oka oje’évape. En práctica, kóva ojepuru ikatu hag̃uáicha contenido HTML dinámico oguereko popovers oñembojoapýva. Ehecha kóva ha peteĩ techapyrã informativo . |
plantilla rehegua | sã | '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' |
Base HTML ojepuru hag̃ua ojejapo jave popover. Umi popover's Umi popover's
Pe elemento envoltura okápegua oguerekova era pe |
myakãha | cadena rehegua | hembiapo | '' . | Título valor por defecto Oñemeꞌeramo peteĩ función, oñehenóita |
ñembokapu | sã | 'emboguejy'. | Mba'éichapa oñemboguata popover - eity | hover rehegua | enfoque | popeguáva. Ikatu rembohasa heta disparador; omboja’o chupekuéra peteĩ espacio reheve. manual ndaikatúi oñembojoaju ambue gatillo ndive. |
jehechaukaha | cadena rehegua | mba'e | hembiapo | { selector: 'cuerpo', acolchado: 0 } Ñe'ẽpoty ha purahéi . | Oñongatu pe popover ko elemento límite ryepýpe. Tembiecharã: Oñemeꞌeramo peteĩ tembiaporã, oñehenói elemento desencadenante DOM nodo reheve iargumento añoite ramo. Pe |
Umi opción umi popover individual-pe g̃uarã ikatu alternativamente ojehechauka ojeporúvo umi atributo de datos, oñemyesakã haguéicha yvateve.
$().popover(options)
Omoñepyrũ umi popover peteĩ elemento ñembyatyrã.
.popover('show')
Oikuaauka peteî elemento popover. Ojevy ohenóivape ojehechauka mboyve añetehápe popover (heꞌiséva oiko mboyve pe shown.bs.popover
mbaꞌe ojehúva). Péva ojehecha peteî "manual" desencadenante del popover. Umi popovers oguerekóva título ha contenido mokõive ipukukue cero araka’eve ndojehechaukái.
.popover('hide')
Oñomi peteĩ elemento popover rehegua. Ojevy ohenóivape oñeñomi mboyve añetehápe pe popover (heꞌiséva oiko mboyve pe hidden.bs.popover
mbaꞌe ojehúva). Péva ojehecha peteî "manual" desencadenante del popover.
.popover('toggle')
Ombohasa peteĩ elemento popover. Ojevy ohenóivape ojehechauka térã oñeñomi mboyve añetehápe pe popover (heꞌiséva oiko mboyve pe shown.bs.popover
térã hidden.bs.popover
mbaꞌe ojehúva). Péva ojehecha peteî "manual" desencadenante del popover.
.popover('destroy')
Oñomi ha ohundi peteî elemento popover. Umi popovers oipurúva delegación (ojejapóva ojeporúvo opciónselector
) ndaikatúi oñehundi peteĩteĩ umi elemento disparador descendiente rehe .
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.popover rehegua | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave show método instancia rehegua. |
ojehechauka.bs.mboriahu | Ko mba’e ojehúva oñembogue ojejapo rire ojehecha hag̃ua puruhárape (oha’arõta oñembotývo umi CSS jehasaha). |
omokañy.bs.mboriahu | Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hide método instancia rehegua. |
kañymby.bs.mboriahu | Ko mba’e’oka oñembogue pe popover oñemokañypa rire puruháragui (oha’arõta CSS jehaipyre oñembotývo). |
omoinge.bs.mboriahu | Ko mbaꞌe ojehúva oñemboyke pe show.bs.popover mbaꞌe ojehúva rire oñembojoapývo popover plantilla DOM-pe. |
Emoĩve tembiaporã ñemboyke rehegua opaite marandu ñe’ẽmondo rehegua ko plugin rupive.
Oipurúvo peteĩ .close
botón, haꞌevaꞌerã peteĩha mitã pe .alert-dismissible
ha mbaꞌeveichagua contenido jehaipyre ndaikatúi oúva henondépe pe marcado-pe.
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.
Emoĩnte data-dismiss="alert"
nde botón ñemboty rehegua ome’ẽ hag̃ua ijeheguiete peteĩ alerta ñemboty funcionalidad. Oñembotývo peteĩ alerta ojeipe’a DOM-gui.
Ikatu hag̃uáicha ne alertakuéra oipuru animación oñemboty jave, eñangareko oguerekoha hikuái umi .fade
ha .in
mbo’esyry ojeporúmava hesekuéra.
$().alert()
Ojapo peteĩ alerta ohendu hag̃ua umi mbaꞌe ojehúva clic rehegua umi elemento descendiente rehegua oguerekóva data-dismiss="alert"
atributo. (Natekotevẽi ojepuru jave data-api auto-initialización).
$().alert('close')
Omboty peteĩ alerta oipeꞌa rupi DOM-gui. Umi clase .fade
ha .in
oĩramo elemento-pe, pe alerta oñehundipáta ojeipeꞌa mboyve.
Bootstrap plugin alerta rehegua oikuaauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua alerta funcionalidad-pe.
Tipo de Evento rehegua | Techaukaha |
---|---|
omboty.bs.alerta rehegua | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave close método instancia rehegua. |
oñemboty.bs.alerta rehegua | Ko mba’e ojehúva oñemboty oñemboty rire ñe’ẽmondo (oha’arõta oñembotývo umi CSS jehaipyre). |
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.
Firefox opersisti umi estado control formulario rehegua (desactivación ha jesareko) página jeguerahauka rupi . Peteĩ tembiaporã ojejapo hag̃ua haꞌehína ojepuru autocomplete="off"
. Ehecha Mozilla mba’e’oka #654072 .
Oñemoĩve data-loading-text="Loading..."
ojepuru hag̃ua peteĩ estado de carga peteĩ botón rehe.
Ko mbaꞌeporã ndojepuruvéima v3.3.5 guive ha ojeipeꞌa v4-pe.
Ko jehechaukarã, roipuru hína data-loading-text
ha $().button('loading')
, ha katu ndaha’éi upéva añoite pe estado ikatúva reipuru. Ehechave ko mba'ére ko'ápe $().button(string)
kuatiahaipyrépe .
Emoĩve data-toggle="button"
emombarete hag̃ua toggling peteĩ botón-pe.
.active
haaria-pressed="true"
Umi botón pre-toggle-pe g̃uarã, emoĩva’erã pe .active
clase ha pe aria-pressed="true"
atributo pe button
ndejehegui.
Emoĩ data-toggle="buttons"
peteĩ .btn-group
casilla de verificación oguerekóvape térã umi entrada radio rehegua emboguata hag̃ua toggling umi estilo orekóvape.
.active
Umi opción ojeporavóvape g̃uarã, emoĩvaꞌerã .active
mboꞌepy pe entrada-pe label
ndete voi.
Oñembopyahúramo estado ojehechavaꞌekue peteĩ botón casilla de verificación rehegua ojedisparaꞌeỹre peteĩ click
mbaꞌe ojehúva pe botón rehe (techapyrã: vía <input type="reset">
térã vía emohenda checked
mbaꞌekuaarã entrada rehegua), tekotevẽta rembohasa ndete voi pe .active
clase entrada rehegua label
.
$().button('toggle')
Ombohasa estado empuje rehegua. Ome’ẽ pe botón-pe ojehechaháicha oñemboguata hague.
$().button('reset')
Omoĩjey botón estado - ombohasa jehaipyre jehaipyre ypykuépe. Ko método haꞌehína asíncrono ha ojevy ojejapo mboyve añetehápe pe reset.
$().button(string)
Ombohasa jehaipyre oimeraẽva dato jehaipyre estado oñembohekopyrévape.
Plugin flexible oipurúva peteĩ pokõi mbo’esyry jepokuaa ndahasýivape g̃uarã.
Ñemboguejy oikotevẽ pe transiciones plugin oike hag̃ua nde versión Bootstrap-pe.
Emboguejy umi botón iguýpe ehechauka ha emokañy hag̃ua ambue elemento mbo’esyry ñemoambue rupive:
.collapse
omokañy contenido.collapsing
ojeporu umi transición aja.collapse.in
ohechauka contenido reheguaIkatu reipuru peteĩ joajuha oguerekóva href
atributo, térã peteĩ botón oguerekóva data-target
atributo. Mokõivévape, data-toggle="collapse"
oñeikotevẽ pe.
Embohape pe comportamiento colapso por defecto emoheñói hag̃ua peteĩ acordeón componente panel rehegua ndive.
Ikatu avei oñembohasa s s .panel-body
ndive .list-group
.
Ejesareko katuete emoĩve aria-expanded
hag̃ua pe elemento control rehegua. Ko atributo odefini explícitamente estado koꞌag̃agua elemento plegable umi lector pantalla rehegua ha umi tecnología oipytyvõva ojoguáva. Pe elemento oñembotykuaáva oñembotýramo por defecto, oguerekovaꞌerã peteĩ valor aria-expanded="false"
. Emohenda ramo elemento oñembotykuaáva ojepeꞌa hag̃ua por defecto eipurúvo in
mboꞌepy, emohenda aria-expanded="true"
control-pe hendaguépe. Pe plugin ombohasáta ijeheguiete ko atributo oñemopyendáva ojepe’a térã oñembotýpa térã nahániri pe elemento oñembotykuaáva.
Avei, ne elemento control rehegua ojesarekóramo peteĩ elemento oñembotykuaáva rehe – heꞌiséva pe data-target
atributo ohechauka peteĩ id
selector-pe – ikatu emoĩ peteĩ aria-controls
atributo adicional elemento control rehegua, oguerekóva pe id
elemento oñembotykuaáva rehegua. Umi pantalla moñeꞌerã koꞌag̃agua ha umi tecnología pytyvõrã ojoguáva oipuru ko atributo omeꞌe hag̃ua puruhárape tape mbykymi ambuéva oho hag̃ua directamente elemento oñembotykuaávape voi.
Pe plugin colapso oipuru mbovymi mbo’esyry omaneha hag̃ua pe levantamiento pohýi:
.collapse
omokañy pe contenido.collapse.in
ohechauka mba’épa oguereko.collapsing
oñembojoapy oñepyrũvo jehaipyre, ha ojeipeꞌa opa voveKo’ã mbo’esyry ikatu ojejuhu component-animations.less
.
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
.
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.
Emboguata manualmente ko’ãva ndive:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-parent=""
.
Téra | hesegua | upevakuére | techaukaha |
---|---|---|---|
túva ha sy | selector rehegua | japu | Oñemeꞌeramo peteĩ jeporavoha, 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 - kóva odepende pe panel clase rehe) |
toggle rehegua | booleano rehegua | teete | Ombohasa elemento oñemboguejýva ñehenói jave |
.collapse(options)
Omomba’apo ne contenido peteĩ elemento oñemboguejýva ramo. Omoneĩ peteĩ opción opcional object
.
.collapse('toggle')
Ombohasa peteĩ elemento oñembotykuaáva ojehechauka térã oñeñomi hag̃ua. Ojevy ohenóivape ojehechauka térã oñeñomi mboyve añetehápe elemento oñembotýva (heꞌiséva oiko mboyve shown.bs.collapse
térã hidden.bs.collapse
mbaꞌe ojehúva).
.collapse('show')
Ohechauka peteĩ elemento oñembotykuaáva. Ojevy ohenóivape ojehechauka mboyve añetehápe elemento oñembotykuaáva (heꞌiséva oiko mboyve pe shown.bs.collapse
mbaꞌe ojehúva).
.collapse('hide')
Oñomi peteĩ elemento oñembotykuaáva. Ojevy ohenóivape oñeñomi mboyve añetehápe elemento oñembotykuaáva (heꞌiséva oiko mboyve pe hidden.bs.collapse
mbaꞌe ojehúva).
Bootstrap clase de colapso ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad colapso-pe.
Tipo de Evento rehegua | Techaukaha |
---|---|
ohechauka.bs.collapso | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave show método instancia rehegua. |
ojehechauka.bs.oñemboguejy | Ko mbaꞌe ojehúva oñembogue ojejapo jave peteĩ elemento collapso ojehecha hag̃ua puruhárape (ohaꞌarõta oñembotývo umi CSS jehasaha). |
omokañy.bs.oñemboguejy | Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hide método. |
kañymby.bs.oñemboguejy | Ko mbaꞌe ojehúva oñembogue oñeñomi jave peteĩ elemento collapso puruháragui (ohaꞌarõta oñembotývo umi CSS jehasaha). |
Peteĩ componente diapositiva jehechaukarã ojeguata hag̃ua ciclo umi elemento rupive, peteĩ carrusel-icha. Umi carrusel anidado ndojeguerohorýi.
Pe componente carrusel generalmente noñemoañetéi umi norma de accesibilidad rehe. Tekotevẽramo reñe’ẽme’ẽ, ehecha ambue opción epresenta hag̃ua ne contenido.
Bootstrap oipuru CSS3 añoite iñemohaꞌãngamýime g̃uarã, ha katu Internet Explorer 8 & 9 ndoipytyvõi umi CSS mbaꞌekuaarã oñeikotevẽva. Péicha, ndaipóri animación transición diapositiva rehegua ojepuru jave koꞌã kundahára. Rodesidi intencionalmente ani hag̃ua romoĩ umi fallback oñemopyendáva jQuery-pe umi transición-pe g̃uarã.
Pe .active
clase tekotevẽ oñembojoapy peteĩva umi diapositiva-pe. Ndaupeichairamo, pe carrusel ndojehechamo'ãi.
Umi .glyphicon .glyphicon-chevron-left
ha .glyphicon .glyphicon-chevron-right
clase natekotevẽi katuete umi control-pe g̃uarã. Bootstrap omeꞌe .icon-prev
ha .icon-next
peteĩ alternativa unicode llano ramo.
Emoĩ ñe’ẽñemi nde diapositivakuérape ndahasýiva .carousel-caption
elemento reheve oimeraẽva ryepýpe .item
. Emoĩ haimete oimeraẽ HTML opcional upépe ha oñemboheko ha oñeformata ijeheguiete.
Umi carrusel oikotevẽ ojepuru peteĩ id
mba yru okápevéva ári (pe .carousel
) umi control carrusel rehegua ombaꞌapo porã hag̃ua. Oñemoĩvo heta carrusel, térã oñemoambuévo peteĩ carrusel id
, katuete embopyahu umi control relevante.
Eipuru umi atributo dato rehegua econtrola hagua fácilmente carrusel ñemohenda. data-slide
omoneĩ umi ñeꞌepykuaa prev
térã next
, omoambuéva diapositiva ñemohenda oñemohenda hag̃ua koꞌag̃agua rehe. Ikatu avei, eipuru data-slide-to
embohasa hagua petet índice diapositiva cruda carrusel data-slide-to="2"
-pe , ombohasáva diapositiva ñemohenda petet índice particularpe oñepyrüva rehe0
.
Pe data-ride="carousel"
atributo ojepuru oñemarka hag̃ua peteĩ carrusel animador ramo oñepyrũvo página carga-pe. Ndaikatúi ojepuru oñembojoajúvo (redundante ha natekotevẽiva) JavaScript ñepyrũ hesakãva peteĩ carrusel rehe.
Ohenói carrusel manualmente orekóva:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-interval=""
.
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'ũ | cadena rehegua | mba'evegua | "hover" rehegua. | Oñemohenda ramo "hover" , omombyky carrusel ciclo rehegua mouseenter ha omoñepyrũ jey carrusel ciclo rehegua mouseleave . Oñemohenda ramo null , ojepyso carrusel ári ndopytu'umo'ãi. |
ape | booleano rehegua | teete | Taha'e carrusel ociclava'erã continuamente térã oreko parada duro. |
teclado rehegua | booleano rehegua | teete | Pe carrusel orreaccionava’erãpa umi acontecimiento teclado rehegua. |
.carousel(options)
Omoñepyrü carrusel orekóva opciones opcionales object
ha oñepyrü bicicleta umi artículo rupive.
.carousel('cycle')
Ojapo ciclo umi mba e carrusel rehegua rupive izquierda guive derecha peve.
.carousel('pause')
Ojoko carrusel ani haguã ohóva bicicleta rehe umi artículo rupive.
.carousel(number)
Ombojere carrusel peteĩ marco particular-pe (0 oñemopyendáva, ojoguáva peteĩ matriz-pe).
.carousel('prev')
Ombohasa ciclo pe elemento ohasava’ekuépe.
.carousel('next')
Ombojere pe mba’e oúvape.
Bootstrap clase carrusel oikuaauka mokõi evento ojeengancha haguã funcionalidad carrusel-pe.
Mokõive mba’e ojehúva oguereko ko’ã mba’ekuaarã ambuéva:
direction
: Pe dirección ojedeslizahápe carrusel (tahaꞌe "left"
térã "right"
).relatedTarget
: Pe elemento DOM oñembohasáva hína hendaitépe pe elemento activo ramo.Opaite mba’e ojehúva carrusel-pe ojedispara carrusel-pe voi (he’iséva pe <div class="carousel">
).
Tipo de Evento rehegua | Techaukaha |
---|---|
diapositiva.bs.carrusel rehegua | Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave slide método instancia rehegua. |
deslizamiento.bs.carrusel rehegua | Ko evento ojedispara carrusel omohu'ãvo transición diapositiva. |
Pe affix plugin position: fixed;
oñembogue ha oñembogue, oemula efecto ojejuhúva ndive position: sticky;
. Pe subnavegación oĩva akatúape ha’e peteĩ demostración en vivo pe affix plugin rehegua.
Eipuru affix plugin atributo de datos rupive térã manualmente nde JavaScript tee reheve. Mokõive situación-pe, eme’ẽva’erã CSS ñemohenda ha ipypuku nde contenido oñembojoajúva rehegua.
Ñe’ẽñemi: Ani reipuru affix plugin peteĩ elemento oguerekóva peteĩ elemento oñemohenda porãvape, ha’eháicha peteĩ columna ojeipe’áva térã oñembotapykuéva, peteĩ Safari ñembohasa mba’e’oka rupi .
Pe affix plugin ombohasa mbohapy mbo’esyry apytépe, peteĩteĩva ohechaukáva peteĩ estado particular: .affix
, .affix-top
, ha .affix-bottom
. Eme’ẽva’erã umi estilo, excepción position: fixed;
on -gui .affix
, ko’ã clase-pe g̃uarã ndete voi (independiente ko plugin-gui) eñangareko hag̃ua umi tenda añetegua.
Ko’ápe ojehecha mba’éichapa omba’apo pe affix plugin:
.affix-top
ohechauka hag̃ua pe elemento oĩha iñemohenda yvatevévape. Ko’ã momento-pe noñeikotevẽi CSS ñemohenda..affix
omyengovia .affix-top
ha omohendahápe position: fixed;
(omeꞌeva Bootstrap CSS)..affix
oñemyengoviava’erã .affix-bottom
. Umi desplazamiento ha’égui opcional, emohenda peteĩva oikotevẽ emohenda CSS hekopete. Péicha jave, ñamoĩve position: absolute;
tekotevẽ jave. Pe plugin oipuru atributo de datos térã opción JavaScript ohechakuaa hag̃ua moõpa oñemohendavaꞌerã elemento upégui.Ejapo umi tembiaporã yvategua emohenda hag̃ua ne CSS peteĩva umi jepururã jeporavorã iguýpe g̃uarã.
Oñemoĩ hag̃ua fácilmente comportamiento de affix oimeraẽ elemento-pe, emoĩnte data-spy="affix"
pe elemento ojeespiaasévape. Eipuru desplazamiento emombeꞌu hag̃ua arakaꞌepa rembohasavaꞌerã peteĩ elemento jekutu.
Ehenói pe affix plugin JavaScript rupive:
Umi opción ikatu oñembohasa atributo de datos térã JavaScript rupive. Umi atributo dato rehegua, emoĩ opción réra data-
, -peguáicha data-offset-top="200"
.
Téra | hesegua | upevakuére | techaukaha |
---|---|---|---|
desplazamiento rehegua | papapy | tembiaporã | mba'e | 10 rehegua | Pixel ojedesplaza hag̃ua pantalla guive oñekalkula jave posición desplazamiento rehegua. Oñemeꞌeramo peteĩ papapy año, ojeporúta pe desplazamiento mokõive dirección yvate ha yvy gotyo. Oñeme’ẽ hag̃ua peteĩ desplazamiento ijojaha’ỹva, iguy ha yvategua ome’ẽnte peteĩ mba’e offset: { top: 10 } térã offset: { top: 10, bottom: 5 } . Eipuru peteĩ función tekotevẽ jave rekalkula dinámicamente peteĩ desplazamiento. |
morotĩ | selector rehegua | nodo rehegua | jQuery elemento rehegua | pe window mba’e |
Omombeꞌu elemento destino rehegua afijo rehegua. |
.affix(options)
Omomba’apo ne contenido contenido oñembojoajúva ramo. Omoneĩ peteĩ opción opcional object
.
.affix('checkPosition')
Okalkula jey affixo estado oñemopyendáva dimensión, posición ha posición desplazamiento umi elemento relevante rehe. Umi .affix
, .affix-top
, ha .affix-bottom
mbo’esyry oñembojoapy térã ojeipe’a contenido oñembojoajúvagui estado pyahu he’iháicha. Ko método tekotevẽ oñehenói oñemoambue jave umi dimensión contenido oñembojeheꞌavaꞌekue térã elemento ojehekahápe, ojeasegura hag̃ua oñemohenda porã hag̃ua contenido oñembojeheꞌavaꞌekue.
Bootstrap affix plugin ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua affix funcionalidad-pe.
Tipo de Evento rehegua | Techaukaha |
---|---|
affix.bs.affix rehegua | Ko mbaꞌe ojehúva odispara pyaꞌete oñembojeheꞌa mboyve pe elemento. |
oñemoĩva.bs.affix | Ko mbaꞌe ojehúva oñembogue oñembojeheꞌa rire pe elemento. |
affix-top.bs.affix rehegua | Ko mbaꞌe ojehúva odispara pyaꞌete pe elemento oñembojeheꞌa mboyve-top. |
oñemoĩva-yvate.bs.affix | Ko mbaꞌe ojehúva oñembogue rire pe elemento oñembojeheꞌa-yvate gotyo. |
affix-bottom.bs.ñe’ẽjoaju | Ko mbaꞌe ojehúva odispara pyaꞌete pe elemento oñembojeheꞌa mboyve-yvýpe. |
oñemoĩva-yvýpe.bs.affix | Ko mbaꞌe ojehúva oñembogue rire pe elemento oñembojeheꞌa-yvýre. |