Popovers rehegua
Kuatiahaipyre ha techapyrã emoĩ hag̃ua Bootstrap popovers, ojejuhúvaicha iOS-pe, oimeraẽ elemento nde tenda’ípe.
Mba’e ojekuaava’erã ojepuru jave popover plugin:
- Popovers ojerovia biblioteca 3er partido 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 umi popover omba’apo! - Popovers oikotevẽ tembipuru’i ñemohendaha peteĩ dependencia ramo.
- Emopu’ãramo ore JavaScript ypykue guive, oikotevẽ
util.js
. - Popovers ha’e opt-in por razones de rendimiento, upévare nde voi remoñepyrũva’erã .
- Cero-longitud
title
hacontent
valores araka'eve ndohechaukái peteî popover. - 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). - Omotenondévo popovers umi elemento kañymby rehe ndoikomo'ãi.
- Umi popovers
.disabled
térãdisabled
elemento-kuérape g̃uarã oñemboguapyvaꞌerã peteĩ elemento envoltura rehe. - Ojedispara jave umi ancla-gui ojejaho’íva heta línea ári, umi popover oñecentráta umi ancla ancho total mbytépe. Eipuru
white-space: nowrap;
nde<a>
s ári ani hagua oiko ko jepokuaa. - Umi popovers oñeñomiva'erã ojeipe'a mboyve DOM-gui umi elemento correspondiente orekóva.
Emoñe’ẽ meme rehecha haĝua mba’éichapa omba’apo umi popover algunos ejemplos reheve.
Peteĩ tape oñemboguapy hag̃ua opaite popover peteĩ página-pe haꞌeta ojeporavo hag̃ua data-toggle
atributo rupive:
Eguerekóramo peteĩ estilo peteĩ elemento túva rehe ojokóva peteĩ popover rehe, emombeꞌuse peteĩ jeporupyre container
ikatu hag̃uáicha popover HTML ojekuaa upe elemento ryepýpe hendaguépe.
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
Ojeguereko irundy opción: yvate, akatúa, yvy gotyo ha asu gotyo alineado.
Eipuru focus
gatillo emosẽ hag̃ua popovers puruhára clic oúvape peteĩ elemento iñambuéva elemento toggle-gui.
Oñeikotevẽ marcado específico oñemboyke-pe g̃uarã ambue clic-pe
Ojepokuaa porã hag̃ua kundahára ha plataforma kurusu, eipuruva’erã <a>
etiqueta, ndaha’éi etiqueta <button>
, ha avei emoĩva’erã peteĩ tabindex
atributo.
<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
Umi elemento oguerekóva disabled
atributo ndaha’éi interactivo, he’iséva umi puruhára ndaikatuiha ojepyso térã ojepyso hesekuéra omoñepyrũ hag̃ua peteĩ popover (térã tembipuru’i ñe’ẽmondo). Peteĩ tembiaporãicha, emoñepyrũse pe popover peteĩ envoltura-gui <div>
térã <span>
ha embogue pe pointer-events
elemento oñemboykéva ári.
Umi popover desencadenante oñemboykévape g̃uarã, ikatu avei reipotave ikatu hag̃uáicha pe popover ojehechauka pya’e jehechapyrãicha ne puruhárapedata-trigger="hover"
ikatuháicha noha’arõi hikuái oity peteĩ elemento oñemboykéva rehe.
<span class="d-inline-block" data-toggle="popover" data-content="Disabled popover">
<button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
</span>
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 | elemento | japu | japu | Ombojoaju pe popover peteĩ elemento específico rehe. Tembiecharã: |
pypegua | cadena rehegua | elemento | 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 - auto | yvate | yvy gotyo | izquierda | akatúa. 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 | cadena rehegua | japu | 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-header"></h3><div class="popover-body"></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 | elemento | 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. |
desplazamiento rehegua | papapy | sã | 0 rehegua | Compensación del popover relativo orekóva meta rehe. 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'. | Desbordamiento restricción límite del popover rehegua. Omoneĩ umi mbaꞌekuaarã 'viewport' , 'window' , 'scrollParent' , térã peteĩ HTMLElement ñembohekopyrã (JavaScript añoite). Ojeikuaave hag̃ua ehecha Popper.js kuatiahaipyre preventOverflow . |
Umi atributo de datos umi popover individual-pe g̃uarã
Umi opción umi popover individual-pe g̃uarã ikatu alternativamente ojehechauka ojeporúvo umi atributo de datos, oñemyesakã haguéicha yvateve.
Método ha transición asíncrono rehegua
Opaite API rembiaporã haꞌehína asíncrono ha oñepyrũ peteĩ jehasapa . Ojevy hikuái ohenóivape oñepyrũvove pe transición ha katu opa mboyve . Avei, oñemboykéta peteĩ ñehenói método rehegua peteĩ componente oñembohasáva rehe .
Omoñepyrũ umi popover peteĩ elemento ñembyatyrã.
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 popover rehe. Umi popovers oguerekóva título ha contenido mokõive ipukukue cero araka’eve ndojehechaukái.
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 popover rehe.
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 popover rehe.
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 .
Ome'ê peteî elemento popover-pe ikatuha ojehechauka. Popovers oñembohapéva por defecto.
Oipeꞌa ikatuha ojehechauka hag̃ua peteĩ elemento popover. Pe popover ikatúta ojehechauka oñembohape jeýramo añoite.
Ombohasa mbaꞌekuaarã peteĩ elemento popover ojehechauka térã oñeñomi hag̃ua.
Ombopyahu peteĩ elemento popover ñemohenda.
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. |