Mea faigaluega
Faʻamaumauga ma faʻataʻitaʻiga mo le faʻaopoopoina o mea faigaluega Bootstrap masani ma le CSS ma le JavaScript e faʻaaoga ai le CSS3 mo faʻafiafiaga ma faʻamaumauga-uiga mo le teuina o suafa faʻapitonuʻu.
Mea e tatau ona iloa pe a faʻaaogaina le meafaigaluega faʻapipiʻi:
- Mea faigaluega fa'alagolago ile faletusi lona tolu Popper.js mo le fa'atulagaina. E tatau ona e aofia ai popper.min.js i luma o le bootstrap.js poʻo le faʻaoga
bootstrap.bundle.min.js
/bootstrap.bundle.js
o loʻo i ai Popper.js ina ia mafai ai ona faʻaoga meafaigaluega! - Afai o loʻo e fausiaina la matou JavaScript mai le puna, e manaʻomia
util.js
. - O mea faigaluega e filifili i totonu mo mafuaʻaga o faʻatinoga, o lea e tatau ai ona e amataina oe lava ia .
- E le fa'aalia lava ni mea faigaluega e leai ni fa'ailoga umi.
- Fa'ama'oti
container: 'body'
e 'alofia ai le fa'atupuina o fa'afitauli i vaega e sili atu ona lavelave (pei o tatou vaega fa'aoga, vaega fa'amau, ma isi). - E le aoga le fa'aosoina o mea faigaluega i elemene natia.
- Mea faigaluega mo
.disabled
po'odisabled
elemene e tatau ona fa'aoso i luga o se elemene afifi. - A fa'aoso mai hyperlinks e tele laina, o mea faigaluega o le a fa'atotonugalemu. Fa'aoga
white-space: nowrap;
i lou<a>
s e aloese ai mai lenei amio. - E tatau ona natia mea faigaluega a'o le'i aveesea a latou elemene tutusa mai le DOM.
E maua uma na mea? Lelei, se'i tatou va'ai pe fa'apefea ona latou galulue fa'atasi ma ni fa'ata'ita'iga.
O se tasi o auala e amata ai meafaigaluega uma i luga o se itulau o le filifilia lea i latou data-toggle
uiga:
Fa'apa i luga o so'oga o lo'o i lalo e va'ai i mea faigaluega:
ofuvae fufusi isi tulaga keffiyeh masalo e te le'i fa'alogo iai. Fa'ato'aga ata 'ava fa'al denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel e iai le terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, fa loko mcsweeney's cleanse vegan chambray. O se tufuga fa'atauva'a lava so'o se keytar , scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
Fa'apa i luga o fa'amau o lo'o i lalo e va'ai ai fa'atonuga o meafaigaluega e fa: luga, taumatau, lalo, ma le agavale.
Ma faʻatasi ai ma le HTML masani faʻaopoopo:
O le tooltip plugin e fa'atupuina ai mea ma fa'ailoga pe a mana'omia, ma e le mafai ona tu'u meafaigaluega pe a mae'a a latou elemene fa'aoso.
Fa'aoso le mea faigaluega e ala ile JavaScript:
Taumasua auto
mascroll
Ole tulaga ole Tooltip e taumafai e sui otometi pe a iai overflow: auto
pe overflow: scroll
fiafia ile atigipusa matua ile matou .table-responsive
, ae o lo'o tumau pea le tulaga o le tu'uga muamua. Ina ia foia, seti le boundary
filifiliga i soʻo se mea e ese mai le tau faʻaletonu, 'scrollParent'
, e pei o le 'window'
:
Ole fa'ailoga mana'omia mo se mea faigaluega e na'o se data
uiga ma title
luga ole elemene HTML e te mana'o e maua se meafaigaluega. O le faʻailoga faʻatupuina o se meafaigaluega e faigofie tele, e ui lava e manaʻomia se tulaga (e ala i le faaletonu, seti i top
le plugin).
Fa'aoga meafaigaluega mo keyboard ma fa'aoga tekonolosi fesoasoani
E tatau ona e fa'aopoopo na'o mea faigaluega i elemene HTML e masani ona fa'aogaina le keyboard ma fegalegaleai (pei o feso'ota'iga po'o fa'atonuga). E ui lava e mafai ona faʻaogaina elemene HTML (e pei o <span>
le s) e ala i le faʻaopoopoina o le tabindex="0"
uiga, o le a faʻaopoopoina faʻalavelave faʻalavelave ma fenumiai taofi i luga o elemene e le fesoʻotaʻi mo tagata faʻaoga keyboard. E le gata i lea, o le tele o tekinolosi fesoasoani i le taimi nei e le o faʻaalia le meafaigaluega i lenei tulaga.
E le gata i lea, aua le fa'alagolago na'o hover
le fa'aosoina o lau meafaigaluega, aua o le a le mafai ai e au meafaigaluega ona fa'aosoina mo tagata fa'aoga keyboard.
O elemene e iai le disabled
uiga e le fegalegaleai, o lona uiga e le mafai e tagata faʻaoga ona taulaʻi, faʻafefe, pe kiliki i latou e faʻaosoina ai se meafaigaluega (poʻo le popover). I le avea ai o se fofo, e te manaʻo e faʻaosoina le mea faigaluega mai se afifi <div>
poʻo <span>
, faʻaoga lelei le keyboard-faʻaoga e faʻaaoga ai tabindex="0"
, ma faʻamalo le pointer-events
i luga o le elemene le atoatoa.
O filifiliga e mafai ona pasia e ala i faʻamatalaga uiga poʻo le JavaScript. Mo fa'amatalaga uiga, fa'aopoopo le igoa filifiliga i le data-
, pei o le data-animation=""
.
Igoa | Ituaiga | Fa'atonu | Fa'amatalaga |
---|---|---|---|
animation | boolean | moni | Fa'aoga se suiga e mou atu CSS i le mea faigaluega |
pusa | manoa | elemene | pepelo | pepelo | Fa'apipi'i le mea faigaluega i se elemene fa'apitoa. Faataitaiga: |
tuai | numera | mea faitino | 0 | Fa'atuai ona fa'aali ma nana le mea faigaluega (ms) - e le fa'atatau ile ituaiga fa'aoso tusi Afai e tu'uina atu se numera, fa'atuai e fa'aoga i natia/fa'aali uma O le fausaga o mea faitino o le: |
html | boolean | pepelo | Fa'ataga le HTML i le mea faigaluega. Afai e sa'o, o fa'ailoga HTML o lo'o i totonu o meafaigaluega o le Fa'aoga tusitusiga pe a e popole i osofa'iga a le XSS. |
tu'uga | manoa | galuega faatino | 'pito' | Fa'afefea ona fa'atulaga le mea faigaluega - ta'avale | pito i luga | lalo | agavale | tauagavale. Pe a faʻaaogaina se galuega e fuafua ai le tuʻuina, e taʻua i le tooltip DOM node e fai ma ana finauga muamua ma le elemene DOM node lona lua. O |
tagata filifilia | manoa | pepelo | pepelo | Afai e tu'uina atu se tagata filifilia, o mea fa'aoga meafaigaluega o le a tu'uina atu i fa'amoemoega fa'apitoa. I le fa'ata'ita'iga, o lo'o fa'aaogaina ina ia mafai ai ona fa'aopoopo i ai ni fa'aputuga o le HTML. Vaʻai i lenei mea ma se faʻataʻitaʻiga faʻamatalaga . |
mamanu | manoa | '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>' |
Fa'avae HTML e fa'aoga pe a fai le mea faigaluega. O mea faigaluega o le
O le elemene afifi pito i fafo e tatau ona i ai le |
suafa | manoa | elemene | galuega faatino | '' | Fa'aigoa fa'aigoa tau pe afai Afai e tu'uina atu se galuega, o le a vala'au ma lona |
fa'aoso | manoa | 'ave le taulaiga' | E fa'afefea ona fa'aosoina meafaigaluega - kiliki | lele | taula'i | tusi lesona. E mafai ona e pasia le tele o fa'aoso; tuueseese ma se avanoa.
|
fa'apena | numera | manoa | 0 | Fa'a'ese'ese ole mea faigaluega e fa'atatau ile fa'amoemoe. Mo nisi fa'amatalaga va'ai ile Popper.js's offset docs . |
pa'ūTulaga | manoa | fa'asologa | 'fuli' | Fa'ataga e fa'ailoa mai po'o fea le tulaga o le a fa'aogaina e Popper i tua. Mo nisi fa'amatalaga va'ai ile Popper.js's behavior docs |
tuaoi | manoa | elemene | 'scrollParent' | Fa'agata tapula'a o le pito o meafaigaluega. Talia le taua o le 'viewport' , 'window' , 'scrollParent' , poʻo se HTMLElement reference (JavaScript naʻo). Mo nisi fa'amatalaga va'ai ile Popper.js's preventOverflow docs . |
Fa'amatalaga uiga mo meafaigaluega ta'itasi
O filifiliga mo meafaigaluega ta'ito'atasi e mafai ona fa'amaonia e ala i le fa'aogaina o uiga fa'amaumauga, e pei ona fa'amatalaina i luga.
Metotia ma suiga e le tutusa
O metotia API uma e le fetaui ma amata se suiga . Latou te toe fo'i atu i le tagata telefoni i le taimi lava e amata ai le suiga ae le'i uma . E le gata i lea, o le a le amana'ia se auala e vala'au ai i se vaega o suiga .
Fa'apipi'i se tu'u fa'amatalaga meafaigaluega i se aoina elemene.
Fa'aalia le mea faigaluega o se elemene. Toe fo'i atu i le tagata vala'au a'o le'i fa'aalia moni mai le mea faigaluega (fa'atusa a'o le'i tupu le shown.bs.tooltip
mea na tupu). O lenei mea ua manatu o se "manual" faʻaosoina o le meafaigaluega. E le fa'aalia lava ni mea faigaluega e leai ni fa'ailoga umi.
Natia le mea faigaluega o se elemene. Toe fo'i atu i le tagata vala'au a'o le'i natia le mea faigaluega (fa'atusa a'o le'i tupu le hidden.bs.tooltip
mea na tupu). O lenei mea ua manatu o se "manual" faʻaosoina o le meafaigaluega.
Su'e le pito meafaigaluega a se elemene. Toe fo'i i le tagata vala'au a'o le'i fa'aalia pe natia le mea faigaluega (fa'atusa a'o le'i tupu le shown.bs.tooltip
po'o le hidden.bs.tooltip
mea na tupu). O lenei mea ua manatu o se "manual" faʻaosoina o le meafaigaluega.
Natia ma fa'aleaga le pito meafaigaluega a se elemene. Tooltips e fa'aogaina le tu'uina atu (lea e faia i le fa'aogaina o le selector
filifiliga ) e le mafai ona fa'aumatia ta'ito'atasi i elemene fa'aoso tupuaga.
E tu'uina atu i se mea e fa'aoga meafaigaluega e mafai ona fa'aalia. E mafai ona fa'aogaina mea faigaluega.
Aveese le agava'a mo se mea faigaluega e fa'aalia. Fa'atoa mafai ona fa'aalia le mea faigaluega pe a toe fa'aagaina.
Fa'afeso'ota'i le agava'a mo se mea faigaluega e fa'aalia pe natia.
Fa'afou le tulaga o se mea faigaluega a le elemene.
Ituaiga Mea | Fa'amatalaga |
---|---|
show.bs.tooltip | E mu vave lenei mea pe a show valaʻau le auala faʻataʻitaʻiga. |
fa'aalia.bs.tooltip | O lenei mea na tupu e faʻamalo pe a faʻaalia le meafaigaluega i le tagata faʻaoga (o le a faʻatali mo suiga CSS e maeʻa). |
hide.bs.tooltip | O lenei mea na tupu e faʻamalo vave pe a hide valaʻau le auala faʻataʻitaʻiga. |
hidden.bs.tooltip | O lenei mea na tupu e faʻamalo pe a maeʻa ona natia le meafaigaluega mai le tagata faʻaoga (o le a faʻatali mo suiga CSS e maeʻa). |
inserted.bs.tooltip | O lenei mea na tupu e faʻamalo pe a maeʻa le show.bs.tooltip mea na tupu ina ua faʻaopoopo le faʻataʻitaʻiga meafaigaluega i le DOM. |