JaavaScript
Bootstrap gara jireenyaatti fidaa filannoo JavaScript plugins keenya jQuery irratti ijaarameen. Waa'ee tokkoon tokkoo pilaaginii, filannoowwan API deetaa fi sagantaa keenyaa fi kkf baradhu.
Dhuunfaa ykn qindaa’ee
Plugins dhuunfaan hammatamuu danda'u (Bootstrap's individual fayyadamuun js/dist/*.js
), ykn hunda yeroo tokkotti fayyadamuun bootstrap.js
ykn xiqqaate bootstrap.min.js
(lamaanuu hin dabaliin).
Yoo bundler fayyadamte (Webpack, Rollup...), /js/dist/*.js
faayiloota kanneen UMD qophaa'an fayyadamuu dandeessa.
Hirkatummaa
Plugins fi qaamolee CSS tokko tokko plugins biroo irratti hundaa'u. Yoo dhuunfaan ifteessitoota hammatte, hirkattummaa kana docs keessatti ilaaluu mirkaneessi. Akkasumas hubadhu, pilaaginoonni hundi jQuery irratti akka hirkatan (kana jechuun jQuery faayilii ifteessaa dura hammatamuu qaba jechuudha ). Gosoota jQuery kamtu akka deeggaramu ilaaluuf keenya ilaali .package.json
Dropdowns, popovers fi tooltipps keenyas Popper.js irratti hundaa'u .
Amaloota deetaa
Ijaarsiin Bootstrap hundi jechuun ni danda'ama karaa HTML qofa amaloota deetaa waliin dandeessisuun fi qindaa'uu danda'u (akkaataa keenya filatamaan hojii JavaScript fayyadamuu). Tuuta amaloota deetaa tokko qofa qaama tokko irratti fayyadamuu kee mirkaneessi (fkn, gorsa meeshaa fi moodaalii qaree walfakkaataa irraa kakaasuu hin dandeessu.)
Haa ta'u malee, haalawwan tokko tokko keessatti dalagaa kana hanqisuun barbaachisaa ta'uu danda'a. API amaloota deetaa hanqisuuf, taateewwan hunda galmee maqaa irratti data-api
akka akkasitti addaan baafaman irraa hiikaa:
Akka filannootti, ifteessaa murtaa'e irratti xiyyeeffachuuf, maqaa ifteessaa akka iddoo maqaatti iddoo maqaa deetaa-api waliin akkasitti qofa hammachuu:
Filattoota miliquu
Yoo filattoota addaa fayyadamte, fakkeenyaaf: collapse:Example
, isaan miliquu kee mirkaneessi, sababni isaas isaan jQuery keessa darbu.
Taateewwan
Bootstrap taateewwan amala gochoota addaa plugins baay'eedhaaf kenna. Walumaagalatti, kunniin bifa xumura hin qabnee fi gocha darbeen dhufu - bakka xumura hin qabne (fkn show
) jalqaba taatee tokkoo irratti kaka’u, fi bifa gocha isaa darbe (fk. shown
) xumura gocha tokkoo irratti kaka’u.
Taateewwan dhuma hin qabne hundi preventDefault()
dalagaa ni kennu. Kunis dandeettii raawwii gocha tokkoo osoo hin jalqabin dhaabuu kenna. Qabduu taatee irraa soba deebisuun ofumaan ni waama preventDefault()
.
API sagantaa
Akkasumas, Bootstrap plugins hunda karaa JavaScript API qulqulluu ta'een fayyadamuu danda'uu qabdu jennee amanna. APIwwan uummataa hundi malawwan tokko, sansalata qaban, fi walitti qabama irratti tarkaanfii fudhatame deebisu.
Malleen hundi wanta filannoowwan filannoo, tarree mala murtaa'e irratti xiyyeeffatu, ykn homaa hin qabne (kan amala durtii waliin ifteessituu jalqabu) fudhachuu qabu:
Tokkoon tokkoon ifteessaa akkasumas ijaarsa isaa raw Constructor
qabeentaa irratti saaxilaa: $.fn.popover.Constructor
. Yoo fakkeenya ifteessaa murtaa'e argachuu barbaadde, kallattiin elementii irraa fudhadhu: $('[rel="popover"]').data('popover')
.
Faankishiniiwwanii fi ce'umsawwan wal hin simne
Malleen API sagantaa hundi wal hin simne yoo ta'an erga ce'umsi jalqabame garuu osoo hin xumuramin gara waamichaatti deebi'a .
Erga ce'umsi xumuramee booda gocha tokko raawwachuuf, taatee walgitu dhaggeeffachuu dandeessa.
Dabalataan waamichi malaa qaama ce'umsaa irratti ni tuffatama .
Sajoo durtii
Sajoo durtii ifteessaa jijjiiruu dandeessa Constructor.Default
wanta ifteessaa fooyyessuudhaan:
Waldhabdee hin qabu
Yeroo tokko tokko Bootstrap plugins UI frameworks biroo wajjin fayyadamuun barbaachisaadha. Haalota kanneen keessatti, walitti bu'iinsi iddoo maqaa darbee darbee uumamuu danda'a. Yoo kun ta'e, .noConflict
pilaaginii gatii isaa deebisuu barbaaddu bilbiluu dandeessa.
Lakkoofsa version
VERSION
Vershiniin tokkoon tokkoo pilaaginii jQuery Bootstrap karaa qabeentaa ijaarsa ifteessaa argachuun ni danda'ama . Fakkeenyaaf, plugin tooltip tiif:
Yeroo JaavaScript hanqifamu kufaatii addaa hin jiru
Bootstrap's plugins addatti yeroo JavaScript hanqifamu gracefully duubatti hin deebi'an. Yoo waa'ee muuxannoo fayyadamaa haala kana keessatti dhimmamte, <noscript>
haala (fi akkaataa JaavaScript irra deebitee dandeessiftu) fayyadamtoota keetiif ibsuuf fayyadami, fi/ykn kufaatii amala mataa keetii itti dabali.
Manneen kitaabaa qaama sadaffaa
Bootstrap mana kitaabaa JaavaScript qaama sadaffaa akka Prototype ykn jQuery UI ifatti hin deeggaru. Taateewwan jiraatanis .noConflict
fi maqaa addaan baafaman, rakkoon walsimsiisaa kan ofii keetiin sirreessuu qabdu jiraachuu danda'a.
Util
Faayiloonni JaavaScript Bootstrap hundi irratti kan hundaa'an util.js
yoo ta'u faayiloota JaavaScript kanneen biroo cinatti hammatamuu qaba. Yoo qindaa'e (ykn xiqqaate) fayyadamaa jirta ta'e bootstrap.js
, kana hammachuun hin barbaachisu—duraan jira.
util.js
faankishiniiwwan faayidaa fi gargaaraa bu'uuraa transitionEnd
taateewwaniif akkasumas fakkeenya ce'umsa CSS of keessatti qabata. Deeggarsa ce'umsa CSS sakatta'uuf akkasumas ce'umsa fannifame qabachuuf pilaaginoota birootiin fayyadama.