JavaScript nisqa
Bootstrap kawsayman apamuy munasqa JavaScript pluginsniykuwan jQuery kaqpi ruwasqa. Yachay sapa plugin kaqmanta, willayniykumanta chaymanta programatico API akllanakunamanta, chaymanta aswan.
Plugins sapalla churasqa kankuman (Bootstrap sapalla kaqninta llamk'achispa js/dist/*.js
), utaq tukuy huk kutillapi llamk'achispa bootstrap.js
utaq pisiyachisqa bootstrap.min.js
(ama iskayninta churaychu).
Sichus huk bundler (Webpack, Rollup...) llamk'achkanki, /js/dist/*.js
willañiqikunata llamk'achiy atikunki mayqinkunachus UMD wakichisqa kachkanku.
Wakin plugins chaymanta CSS componentes wak plugins kaqmanta hapirin. Sichus sapalla plugins churanki, allinta qhaway kay dependenciakuna docs kaqpi. Hinallataq, tukuy plugins jQuery kaqmanta hapirin (kayqa niyta munan jQuery ñawpaq plugin willañiqikuna kachkaptin churasqa kanan tiyan ). Consulta nuestropackage.json
para ver las versiones de jQuery que se apoya.
Urmachiyniyku, popovers chaymanta yanapakuyniykupas Popper.js kaqmanta hapirin .
Yaqa llapa Bootstrap plugins atichisqa chaymanta ruwasqa kanman sapalla HTML kaqninta willay layakunawan (ñawpaq munasqayku JavaScript ruwanakuna llamk'achiyta). Huk elementollapi huk huñu willay layakunallata llamk'achiy ( kayhina, mana huk yanapakuypa yuyaychayninta chaymanta modal kaqlla ñit'inamanta llamk'achiyta atikunkichu).
Ichaqa, wakin situacionkunapi kay ruwayta mana llamk'achiyta munasqa kanman. Willayta atributo API mana llamk'achinapaq, llapa ruwaykuna qillqapi sutikuna ch'usaqchasqa data-api
kayhina kaqwan mana watay:
Hukninpi, huk específico plugin kaqman targetta ruwanapaq, pluginpa sutinta huk sutinchana hina churaylla kayhina data-api sutinchanawan kuska:
Akllaqkuna ayqikuq
Sichus especial akllanakunata llamk'achkanki, kayhina: collapse:Example
, ama hina kaspa chaymanta ayqiyta, imaraykuchus jQuery kaqninta pasanqa.
Bootstrap sapanchasqa ruwaykunata qun aswan plugins sapalla ruwanakuna kaqpaq. Tukuypaq, kaykunaqa mana tukukuq, ñawpaq participio nisqa rikch'aypi hamunku - maypichus infinitivo (ex. show
) huk suceso qallariypi llamk'achisqa, ñawpaq participio nisqa rikch'ayninqa (ex. shown
) huk ruway tukukuptin llamk'achisqa.
Llapan mana tukukuq sucesokuna preventDefault()
ruwayta qun. Kayqa huk ruwayta manaraq qallarichkaptin sayachiy atiyta qun. Huk suceso kamachiqmanta llulla kutichiypas kikinmanta waqyanqa preventDefault()
.
Hinallataq iñiyku llapa Bootstrap plugins llamk'achiyta atisqaykita ch'uya JavaScript API kaqnintakama. Llapan llapapaq APIkuna sapalla, kadenayuq ruwanakuna kanku, chaymanta huñusqa ruwasqa kutichiy.
Llapan ruwanakuna huk akllana akllanakuna objetota chaskinanku tiyan, huk watiqa mayqinchus huk ruwanaman chayan, utaq mana ima (mayqinchus huk plugin ñawpaqmanta ruwaywan qallarichin):
Constructor
Sapa pluginpas huk propiedadpi raw ruwaqnintam qawachin : $.fn.popover.Constructor
. Sichus huk plugin instanciata chaskiyta munanki, huk elementomanta chiqalla kutichiy: $('[rel="popover"]').data('popover')
.
Llapan programa API ruwanakuna asíncrono kanku chaymanta waqyaqman kutimun huk kuti tikray qallarisqa ichaqa manaraq tukukuchkaptin .
Huk kuti tikray tukusqaña huk ruwayta ruwanapaq, tupaq ruwayta uyariyta atikunki.
Además huk método waqyay huk componente transitorio kaqpi mana qhawasqachu kanqa .
Huk pluginpaq ñawpaqmanta churasqakunata tikrayta atikunki pluginpa Constructor.Default
objetonta tikraspa:
Wakin kutiqa huk UI marcokunawan Bootstrap plugins llamk'achina tiyan. Kayhina kaqtinqa, sutikunap chiqan t'inkinakuyninkuna wakin kutipi kanman. Sichus kay ruwakun, chay plugin kaqman waqyayta .noConflict
atikunki mayqinmantachus chanita kutichiyta munanki.
Sapa Bootstrap kaqpa jQuery plugins kaqpa laya VERSION
kaqninqa plugin ruwaqpa propiedadnin kaqninta yaykuyta atikun. Ejemplopaq, yanapakuypa yanapakuynin pluginpaq:
Bootstrap kaqpa plugins mana qhipaman urmankuchu particularmente gracioso kaqwan JavaScript mana llamk'achisqa kaqtin. Sichus kay casopi ruwaqpa experiencianmanta llakikunki, llamk'achiy <noscript>
situacionta sut'inchanapaq (hinallataq imayna JavaScript kaqmanta atichiyta) ruwaqniykikunaman, chaymanta/utaq kikiyki ruwasqa fallbacksniyki yapay.
Kimsa kaq bibliotecakuna
Bootstrap mana oficialmente yanapanchu kimsa kaq JavaScript bibliotecakuna Prototype utaq jQuery UI hina. Aunque .noConflict
chaymanta sutikuna chiqanchasqa ruwaykuna, kanman tupachiy sasachakuykuna mayqinkunatachus sapallayki allichanayki tiyan.
Llapan Bootstrap kaqpa JavaScript willañiqikuna util.js
chaymanta hapirin chaymanta wak JavaScript willañiqikunawan kuska churasqa kanan tiyan. Sichus huñusqa (utaq pisiyachisqa) llamk'achkanki bootstrap.js
, mana kayta churanayki tiyanchu —chaypi kachkanña.
util.js
yanapakuy ruwanakuna chaymanta huk sapsi yanapaq transitionEnd
ruwaykunapaq chaymanta huk CSS tikray emulador kaqwan. Huk plugins kaqwan llamk'achisqa CSS tikray yanapakuyta qhawanapaq chaymanta warkusqa tikraykunata hap'inapaq.