Tembipururã ñe’ẽmondo
Kuatiahaipyre ha techapyrã oñembojoapy hag̃ua tembipururã Bootstrap jeporupyre CSS ha JavaScript ndive ojeporúvo CSS3 taꞌãngamýi ha dato-atributo-pe g̃uarã título ñeñongatuha tendápe g̃uarã.
Mba’e ojekuaava’erã ojepuru jave tembipuru’i ñemohendaha:
- Tembipururã ñe’ẽmondo ojerovia 3ha tapicha aranduka’i Popper.js rehe oñemohenda hag̃ua. Emoingeva’erã popper.min.js bootstrap.js mboyve térã eipuru
bootstrap.bundle.min.js
/bootstrap.bundle.js
oguerekóva Popper.js ikatu hag̃uáicha tembiaporã ñe’ẽmondo omba’apo! - Emopu’ãramo ore JavaScript ypykue guive, oikotevẽ
util.js
. - Tembipuru’i ñe’ẽmondo ha’e opt-in rendimiento rehegua, upévare ndete voi remoñepyrũva’erã .
- Umi tembipuru’i ñe’ẽmondo oguerekóva título ipukukue cero araka’eve ndojehechaukái.
- Emombeꞌu
container: 'body'
ani hag̃ua ojejapo apañuãi renderización rehegua umi componente ikomplikadovévape (ñande aty jeikerãicha, aty botón rehegua, ha mbaꞌe). - Oñemboguata hag̃ua tembipuru’i ñe’ẽmondo umi elemento kañymby rehe ndoikomo’ãi.
- Umi tembipururã ñe’ẽmondo
.disabled
térãdisabled
elemento-kuérape g̃uarã oñembohapeva’erã peteĩ elemento envoltura rehegua. - Oñemboguata jave umi hipervínculo-gui oñemosarambíva heta línea rehe, umi tembipuru’i ñe’ẽmondo oñembohapéta. Eipuru
white-space: nowrap;
nde<a>
s ári ani hagua oiko ko jepokuaa. - Umi tembipuru’i ñe’ẽmondo oñeñomiva’erã ojeipe’a mboyve DOM-gui umi elemento okorrespondéva.
¿Reguerekópa opa umíva? Tuicha mba'e, jahecha mba'éichapa omba'apo hikuái algunos ejemplos reheve.
Peteĩ tape oñemboguapy hag̃ua opaite tembipuru’i ñe’ẽmondo peteĩ páhinape ha’éta ojeporavo hag̃ua data-toggle
atributo rupive:
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.
Emoinge nde po umi botón iguýpe rehecha hag̃ua irundy tembipuru’i ñe’ẽmondo: yvate, akatúa, iguy ha asu gotyo.
Ha HTML jeporupyre reheve oñembojoapy:
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:
Desbordamiento auto
hascroll
Tembipuru’i ñemohendaha oñeha’ã oñemoambue ijeheguiete peteĩ mba’e’oka túva oguerekóramo overflow: auto
térã overflow: scroll
ogusta jave ñande .table-responsive
, ha katu oñongatu gueteri ñemohenda ypykue ñemohenda. Oñemyatyrõ hag̃ua, emohenda boundary
opción oimeraẽ mbaꞌe ndahaꞌeiva valor por defecto-pe, 'scrollParent'
, haꞌeháicha 'window'
:
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).
Ojejapo hag̃ua tembipuru’i ñe’ẽmondo omba’apo hag̃ua teclado ha tecnología pytyvõhára puruhárape g̃uarã
Emoĩva’erã tembipuru’i ñe’ẽmondo añoite umi elemento HTML-pe, ymaite guive oñembohapéva teclado-pe ha oñembojoajúva (ha’eháicha joajuha térã formulario control). Jepémo umi elemento HTML arbitrario ( <span>
s-icha) ikatu ojejapo enfoque-pe oñembojoapývo tabindex="0"
atributo, kóva omoĩta umi ficha jejopy potencialmente molesto ha confuso umi elemento ndahaꞌeiva interactivo rehe umi teclado puruhárape g̃uarã. Avei, hetave tecnología oipytyvõva ko’áĝa nomoherakuãi tembipuru’i ko situación-pe.
Avei, ani rejerovia hese añoite hover
ne tembipuru’i ñe’ẽmondo ñepyrũrã ramo, kóva ojapótagui ne tembipuru’i ñe’ẽmondo ndaikatumo’ãiha oñembohape teclado puruhárape g̃uarã.
Umi elemento oguerekóva disabled
atributo ndaha’éi interactivo, he’iséva umi puruhára ndaikatuiha oñecentra, ojepyso térã ojepyso hesekuéra omoñepyrũ hag̃ua peteĩ tembipuru’i ñe’ẽmondo (térã popover). Peteĩ tembiaporãicha, emoñepyrũse tembipuru’i ñe’ẽmondo peteĩ envoltura-gui <div>
térã <span>
, iporãvéva ojejapo teclado-pe oñembohapéva ojeporúvo tabindex="0"
, ha embogueséta pe pointer-events
elemento oñemboykéva ári.
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 | elemento | 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 | Eheja HTML tembipuru’i ñe’ẽmondope. Añete ramo, umi etiqueta HTML oĩva tembipuru’i ñe’ẽmondope Eipuru jehaipyre rejepy’apýramo umi ataque XSS rehe. |
colocación rehegua | cadena rehegua | hembiapo | 'yvate' | Mba'éichapa ikatu ñamohenda tembipuru'i ñe'ẽmondo - auto | yvate | yvy gotyo | izquierda | akatúa. 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 | cadena rehegua | japu | 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 popovers oñembojoapýva. Ehecha kóva ha peteĩ techapyrã informativo . |
plantilla rehegua | sã | '<div class="tooltip" role="tooltip"><div class="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'erã |
myakãha | cadena rehegua | elemento | 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.
|
desplazamiento rehegua | papapy | sã | 0 rehegua | Desplazamiento tembipuru’i ñe’ẽmondo rehegua iñemohendapyre rehegua. Ojeikuaave hag̃ua ehecha Popper.js offset docs . |
fallbackOñemohenda | cadena rehegua | matriz rehegua | 'jere' | Eheja emombe’u mba’e tendapa oipurúta Popper fallback-pe. Ojeikuaave hag̃ua ehecha Popper.js rekoha kuatiañe’ẽ |
límite rehegua | cadena rehegua | mba'e rehegua | 'desplazamientoTúva'. | Límite restricción de desbordamiento rehegua tembipuru’i ñe’ẽmondo rehegua. Omoneĩ umi mbaꞌekuaarã 'viewport' , 'window' , 'scrollParent' , térã peteĩ HTMLElement ñembohekopyrã (JavaScript añoite). Ojeikuaave hag̃ua ehecha Popper.js kuatiahaipyre preventOverflow . |
Data attributes for individual tooltips
Options for individual tooltips can alternatively be specified through the use of data attributes, as explained above.
Asynchronous methods and transitions
All API methods are asynchronous and start a transition. They return to the caller as soon as the transition is started but before it ends. In addition, a method call on a transitioning component will be ignored.
Attaches a tooltip handler to an element collection.
Reveals an element’s tooltip. Returns to the caller before the tooltip has actually been shown (i.e. before the shown.bs.tooltip
event occurs). This is considered a “manual” triggering of the tooltip. Tooltips with zero-length titles are never displayed.
Hides an element’s tooltip. Returns to the caller before the tooltip has actually been hidden (i.e. before the hidden.bs.tooltip
event occurs). This is considered a “manual” triggering of the tooltip.
Toggles an element’s tooltip. Returns to the caller before the tooltip has actually been shown or hidden (i.e. before the shown.bs.tooltip
or hidden.bs.tooltip
event occurs). This is considered a “manual” triggering of the tooltip.
Hides and destroys an element’s tooltip. Tooltips that use delegation (which are created using the selector
option) cannot be individually destroyed on descendant trigger elements.
Gives an element’s tooltip the ability to be shown. Tooltips are enabled by default.
Removes the ability for an element’s tooltip to be shown. The tooltip will only be able to be shown if it is re-enabled.
Toggles the ability for an element’s tooltip to be shown or hidden.
Updates the position of an element’s tooltip.
Event Type | Description |
---|---|
show.bs.tooltip | This event fires immediately when the show instance method is called. |
shown.bs.tooltip | This event is fired when the tooltip has been made visible to the user (will wait for CSS transitions to complete). |
hide.bs.tooltip | 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. |