JavaScript
Ampahafantaro ny Bootstrap miaraka amin'ireo plugins JavaScript azo ampiasaina amin'ny jQuery. Mianara momba ny plugin tsirairay, ny angonay sy ny safidy API programmatika, ary ny maro hafa.
Ny plugins dia azo ampidirina tsirairay (mampiasa ny Bootstrap's individual js/dist/*.js
), na miaraka amin'ny fampiasana bootstrap.js
na ny minified bootstrap.min.js
(aza ampidirina izy roa).
Raha mampiasa bundler ianao (Webpack, Rollup…), dia azonao atao ny mampiasa /js/dist/*.js
rakitra efa vonona UMD.
Ny plugins sasany sy ny singa CSS dia miankina amin'ny plugins hafa. Raha ampidirinao tsirairay ny plugins, ataovy azo antoka ny manamarina ireo fiankinan-doha ireo ao amin'ny doka. Mariho ihany koa fa miankina amin'ny jQuery ny plugins rehetra (midika izany fa tsy maintsy ampidirina alohan'ny rakitra plugin ny jQuery). Jereo ny anaypackage.json
mba hahitana hoe iza amin'ireo dikan-jQuery no tohana.
Miankina amin'ny Popper.js ihany koa ny fampidinana, popover ary toro- hevitray .
Saika ny plugins Bootstrap rehetra dia azo alefa sy amboarina amin'ny alàlan'ny HTML irery miaraka amin'ny toetran'ny data (fomba fampiasantsika JavaScript). Ataovy azo antoka fa tsy mampiasa afa-tsy andiana toetra angon-drakitra amin'ny singa tokana ianao (ohatra, tsy afaka manetsika fitaovana iray sy mody amin'ny bokotra iray ihany ianao.)
Na izany aza, amin'ny toe-javatra sasany dia mety ilaina ny manafoana ity fampiasa ity. Mba hanesorana ny API toetran'ny angona, esory ny hetsika rehetra amin'ny anaran'ny antontan-taratasy misy data-api
toy izao:
Raha tsy izany, raha mikendry plugin manokana, ampidiro fotsiny ny anaran'ilay plugin ho toy ny namespace miaraka amin'ny namespace data-api toy izao:
Mandositra mpifidy
Raha mampiasa mpifidy manokana ianao, ohatra: collapse:Example
, tandremo tsara ny handosirana azy ireo, satria handalo amin'ny jQuery izy ireo.
Bootstrap dia manome hetsika manokana ho an'ny ankamaroan'ny hetsika tokana ataon'ny plugins. Amin'ny ankapobeny, ireo dia avy amin'ny endrika infinitive sy past participle - izay ny infinitive (ohatra. show
) dia mipoitra eo am-piandohan'ny hetsika iray, ary ny endrik'ilay matoanteny lasa (ex. shown
) dia mipoitra rehefa vita ny hetsika iray.
Ny hetsika infinitive rehetra dia manome preventDefault()
fiasa. Izany dia manome fahafahana hampiato ny fanatanterahana hetsika iray alohan'ny hanombohany. Ny fiverenana diso avy amin'ny mpitantana hetsika dia hiantso ho azy ihany koa preventDefault()
.
Mino koa izahay fa tokony ho afaka mampiasa ny plugins Bootstrap rehetra ianao amin'ny alàlan'ny JavaScript API. Ny API ho an'ny daholobe rehetra dia fomba tokana, azo fehezina, ary mamerina ny fanangonana natao.
Ny fomba rehetra dia tokony hanaiky zavatra safidy azo atao, tady izay mikendry fomba manokana, na tsy misy (izay manomboka plugin miaraka amin'ny fitondran-tena mahazatra):
Ny plugin tsirairay ihany koa dia mampiseho ny mpanamboatra manta ao amin'ny Constructor
fananana iray: $.fn.popover.Constructor
. Raha te hahazo ohatra plugin manokana ianao dia alaivo mivantana avy amin'ny singa iray: $('[rel="popover"]').data('popover')
.
Ny fomba fiasa API programmatika rehetra dia asynchronous ary miverina amin'ny mpiantso raha vao manomboka ny tetezamita fa alohan'ny hifarana .
Mba hanatanterahana hetsika iray rehefa vita ny tetezamita dia azonao atao ny mihaino ny hetsika mifandraika amin'izany.
Ho fanampin'izany dia tsy horaharahaina ny fiantsoana fomba amin'ny singa tetezamita .
Azonao atao ny manova ny kinova default ho an'ny plugin amin'ny fanovana ny Constructor.Default
tanjon'ny plugin:
Indraindray dia ilaina ny mampiasa plugins Bootstrap miaraka amin'ny rafitra UI hafa. Amin'ireo toe-javatra ireo, mety hitranga indraindray ny fifandonan'ny toeran'ny anarana. Raha mitranga izany dia azonao atao ny miantso .noConflict
ny plugin tianao hamerenana ny sandan'ny.
Ny kinova tsirairay amin'ny plugins jQuery an'ny Bootstrap dia azo idirana amin'ny alàlan'ny VERSION
fananan'ny mpamorona ny plugin. Ohatra, ho an'ny plugin tooltip:
Ny plugins Bootstrap dia tsy miverina amin'ny fomba tsara indrindra rehefa tsy mandeha ny JavaScript. Raha miraharaha ny traikefan'ny mpampiasa amin'ity tranga ity ianao dia ampiasao <noscript>
ny manazava ny toe-javatra (sy ny fomba famelomana indray ny JavaScript) amin'ny mpampiasa anao, ary/na ampio ny fianjeranao manokana.
Tranomboky an'ny antoko fahatelo
Bootstrap dia tsy manohana amin'ny fomba ofisialy ny tranomboky JavaScript an'ny antoko fahatelo toa ny Prototype na jQuery UI. Na .noConflict
dia eo aza ny zava-mitranga misy anarana, dia mety hisy olana amin'ny fifanarahana izay mila amboarinao irery.
Ny rakitra JavaScript an'ny Bootstrap rehetra dia miankina util.js
ary tsy maintsy ampidirina miaraka amin'ireo rakitra JavaScript hafa. Raha mampiasa ny compiled (na minified) bootstrap.js
ianao, dia tsy ilaina ny mampiditra an'ity - efa misy izany.
util.js
dia misy ny fiasa ilaina sy mpanampy fototra ho an'ny transitionEnd
hetsika ary koa ny emulator tetezamita CSS. Ampiasain'ny plugins hafa izy io mba hijerena ny fanohanan'ny tetezamita CSS sy hisambotra ny fifindrana mihantona.