Leeta ebitundu bya Bootstrap mu bulamu-kati nga olina 12 custom jQuery plugins.
A streamlined, naye flexible, take on the traditional javascript modal plugin nga erimu emirimu emitono gyokka egyetaagisa n'ebisookerwako ebigezi.
Wano wefunire fayiroWansi waliwo modal ekoleddwa mu ngeri ya statically.
Omubiri gumu omulungi...
Toggle a modal okuyita mu javascript nga onyiga button wansi. Kijja kuseeyeeya wansi era kizike okuva waggulu ku lupapula.
Tongoza enkola ya demoKuba modal ng'oyita mu javascript:
- $ ( '#Modal yange' ). modal ( eby'okulondako ) .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
ekifaananyi eky’emabega | boolean | kituufu | Mulimu ekintu ekiyitibwa modal-backdrop element. Ekirala, lambika static ku backdrop etaggalawo modal ku click. |
ekitabo ekikwata ku kibboodi | boolean | kituufu | Eggalawo modal nga escape key enyigiddwa |
okulaga | boolean | kituufu | Alaga modal nga etandikiddwawo. |
Osobola okukola modals ku page yo mu ngeri ennyangu nga tolina kuwandiika layini emu eya javascript. Just set data-toggle="modal"
ku controller element ne a data-target="#foo"
oba href="#foo"
ekikwatagana ne modal element id, era bwekinyiga, kijja kutongoza modal yo.
Era, okwongera ebyokulonda ku modal instance yo, just biteekemu nga data attributes endala ku oba control element oba modal markup yennyini.
- <a class = "btn" data-toggle = "enkola" href = "#Modal yange" > Okutongoza Modal </a>
- <div kiraasi = "modal" id = "Modal yange" >
- <div class = "omutwe-omuko" >
- <a class = "okuggalawo" data-okugoba = "modal" > × </a>
- <h3> Omutwe gwa modali </h3>
- </div> nga bwe kiri
- <div class = "omubiri-ogw'engeri" >
- <p> Omubiri gumu omulungi... </p>
- </div> nga bwe kiri
- <div class = "omutendera-ekigere" >
- <a href = "#" ekibiina = "btn" > Ggalawo </a>
- <a href = "#" class = "btn btn-primary" > Teeka enkyukakyuka </a>
- </div> nga bwe kiri
- </div> nga bwe kiri
.fade
class to the
.modal
element (laba demo okulaba kino mu bikolwa) era oteekemu bootstrap-transition.js.
Ekola ebirimu byo nga modal. Akkiriza eby'okulonda eby'okwesalirawo object
.
- $ ( '#Modal yange' ). modal ({ ) .
- keyboard : eky'obulimba
- }) .
Mu ngalo ekyusakyusa modal.
- $ ( '#Modal yange' ). modal ( 'okukyusakyusa' ) .
Mu ngalo aggulawo modal.
- $ ( '#Modal yange' ). modal ( 'okulaga' ) .
Mu ngalo akweka modal.
- $ ( '#Modal yange' ). modal ( 'okukweka' ) .
Bootstrap's modal class eraga ebitonotono ebibaawo olw'okuyunga mu nkola ya modal.
Omukolo | Okunnyonnyola |
---|---|
okulaga | Ekintu kino kikuba amangu ddala nga show enkola ya instance eyitiddwa. |
eragiddwa | Ekintu kino kikubwa nga modal ekoleddwa okulabika eri omukozesa (ejja kulinda enkyukakyuka za css okuggwa). |
okweekweeka | Ekintu kino kikubwa amangu ddala nga hide enkola ya instance eyitiddwa. |
okukweekebwa | Ekintu kino kikubwa nga modal emaze okukwekebwa okuva eri omukozesa (ejja kulinda enkyukakyuka za css okuggwa). |
- $ ( '#Modal yange' ). ku ( 'ekikwekeddwa' , omulimu () { .
- // kola ekintu...
- }) .
Okwongerako menus ezikka kumpi ku kintu kyonna mu Bootstrap ne plugin eno ennyangu. Bootstrap erimu obuwagizi bwa menu obujjuvu obukka ku mu navbar, tabs, ne pills.
Wano wefunire fayiroNywa ku dropdown nav links mu navbar ne pills wansi okugezesa dropdowns.
Kuba ku bigenda okukka ng'oyita mu javascript:
- $ ( '.okusuula-okukyusa' ). okugwa wansi () .
Okwongera amangu enkola ya dropdown ku element yonna just add data-toggle="dropdown"
era dropdown yonna eya bootstrap entuufu ejja kukola automatically.
data-target="#fat"
oba
href="#fat"
.
- <ul kiraasi = "nav nav-empeke" >
- <li class = "active" ><a href = "#" > Enkolagana eya bulijjo </a></li>
- <li class = "okugwa wansi" id = "menu1" >
- <a class = "okusuula-okukyusa" data-okukyusa = "okusuula" href = "#menu1" >
- Okugwa wansi
- <b kiraasi = "okulabirira" ></b>
- </a>
- <ul class = "menu-egwa wansi" >
- <li><a href = "#" > Ekikolwa </a></li>
- <li><a href = "#" > Ekikolwa ekirala </a></li>
- <li><a href = "#" > Ekintu ekirala wano </a></li>
- <li kiraasi = "omugabanya" </li>
- <li><a href = "#" > Enkolagana eyawuddwamu </a></li>
- </ul>
- </li>
- ...
- </ul>
A programatic api okukola menus ku navbar eweereddwa oba tabbed navigation.
ScrollSpy plugin ya kulongoosa nav targets mu ngeri ey’otoma okusinziira ku scroll position.
Wano wefunire fayiroSsenda ekitundu wansi olabe ebipya ebikwata ku ntambula. Ebintu ebitonotono ebigwa wansi nabyo bijja kulagibwa. Gezaako!
Ad leggings keytar, brunch id art akabaga ka dolor labore. Pitchfork yr enim lo-fi nga tebannaba kutunda qui. Tumblr eddembe ly'obugaali okuva ku faamu okutuuka ku mmeeza kyonna. Anim keffiyeh kaadi ya carles. Velit seitan mcsweeney's ekifaananyi ekifo 3 omusege omwezi irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui osanga toziwuliddeko et cardigan ssente z'obwesige culpa biodiesel wes anderson aesthetic. Nihil alina ttatu accusamus, cred irony biodiesel keffiyeh omukozi w'emikono ullamco ekivaamu.
Veniam marfa ebirevu skateboard, adipisicing ekirevu kya fugiat velit ekirevu eky’ekika kya pitchfork. Freegan ekirevu aliqua cupidatat ekirevu kya mcsweeney. Cupidatat abantu bana loko nisi, ea helvetica nulla carles. Loole y'emmere ya ssweeta ya cosby eriko ttatu, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 eby’okwewunda. Carles non aesthetic okukola dduyiro quis gentrify. Brooklyn adipisicing eby'emikono bbiya vice keytar deserunt.
Occaecat ekika kya commodo ekiyitibwa ekirungo ekiyitibwa occaecat. Fap ebyemikono bbiya deserunt skateboard ea. Lomo obugaali eddembe adipisicing banh mi, velit ea sunt omutendera oguddako locavore kaawa ow’ensibuko emu mu magna veniam. Obulamu obw'amaanyi id vinyl, echo park consequat quis aliquip banh mi ppipa. Vero VHS est okusiiga amasanyalaze. Consectetur nisi DIY minim ensawo y'omubaka. Cred ex mu, okuwangaala delectus consectetur fanny pack iphone.
In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
Keytar twee blog, culpa ensawo y'omubaka marfa kyonna delectus loole y'emmere. Sapiente synth id okulowooza nti. Locavore sed helvetica cliche irony, okubwatuka osanga towuliddeko consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat nga tebannaba kutunda, terry richardson proident brunch nesciunt quis cosby ssweeta pariatur keffiyeh ut helvetica omukubi w'emikono. Cardigan craft bbiya seitan nga yeetegefu velit. VHS chambray laboris ekika kya veniam eky’ekiseera. Anim mollit minim commodo ullamco okubwatuka kw'okubwatuka.
Kuba scrollspy ng'oyita mu javascript:
- $ ( '#navbar' ). scrollspy () .
Okusobola okwanguyirwa okwongerako enneeyisa ya scrollspy ku topbar navigation yo, just add data-spy="scroll"
ku element gyoyagala okuketta (okusinga kino kyandibadde mubiri).
- <omubiri data-spy = "okutambula" > ... </omubiri>
<a href="#home">home</a>
alina okukwatagana n’ekintu ekiri mu dom nga
<div id="home"></div>
.
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
offset | omuwendo | 10. 10 | Pixels oku offset okuva waggulu nga obala ekifo ky'omuzingo. |
Plugin eno eyongerako enkola ya tab ne pill eyangu, ekyukakyuka okukyusa okuyita mu birimu eby’omu kitundu.
Wano wefunire fayiroNywa ku tabu wansi okukyusakyusa wakati w’ebipande ebikwekebwa, wadde ng’oyita mu menyu ezikka.
Raw denim osanga toziwuliddeko jean shorts Austin. Nesciunt tofu stumptown aliqua, okuyonja omukugu mu kukola eby’amaguzi eby’edda. Ebirevu cliche eby’ekiseera, williamsburg carles vegan helvetica. Reprehenderit omunyama retro keffiyeh omukwasi w'ebirooto synth. Ssweeta ya cosby eu banh mi, qui irure terry richardson eyali squid. Aliquip placeat omusajja omulala ayitibwa salvia cillum iphone. Seitan aliquip quis cardigan engoye z'omumerika, omunyama voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Ssobozesa ebitundu ebiriko tabba nga oyita mu javascript:
- $ ( '#Tab yange' ). tab ( 'laga' ) .
Osobola okukola tab oba pill navigation nga towandiise javascript yonna nga omala kulaga data-toggle="tab"
oba data-toggle="pill"
ku element.
- <ul ekibiina = "nav nav-tabs" >
- <li><a href = "#awaka" data-toggle = "tabu" > Awaka </a></li>
- <li><a href = "#profile" data-toggle = "tabu" > Ebifaananyi </a></li>
- <li><a href = "#obubaka" data-toggle = "tabu" > Obubaka </a></li>
- <li><a href = "#ensengeka" data-toggle = "tabu" > Ensengeka </a></li>
- </ul>
Ekola ekintu kya tabu n'ekintu ekirimu. Tab erina okuba ne `data-target` oba `href` egenderera node ya container mu dom.
- <ul ekibiina = "nav nav-tabs" >
- <li class = "ekola" ><a href = "#awaka" > Awaka </a></li>
- <li><a href = "#profile" > Ebifaananyi </a></li>
- <li><a href = "#obubaka" > Obubaka </a></li>
- <li><a href = "#ensengeka" > Ensengeka </a></li>
- </ul>
- <div class = "ebirimu tabu" >
- <div class = "tabu-pane ekola" id = "awaka" > ... </div>
- <div kiraasi = "tabu-pane" id = "profayiro" > ... </div>
- <div class = "tabu-pane" id = "obubaka" > ... </div>
- <div class = "tab-pane" id = "ensengeka" > ... </div>
- </div> nga bwe kiri
- <ekiwandiiko>
- $ ( omulimu () { .
- $ ( '.tabs a:ekisembayo' ). tab ( 'laga' ) .
- }) .
- </script>
Omukolo | Okunnyonnyola |
---|---|
okulaga | Ekintu kino kikuba omuliro ku tab show, naye nga tab empya tennalagibwa. Kozesa event.target ne event.relatedTarget okutunuulira tabu ekola ne tabu ekola eyasooka (bwe kiba nga kiriwo) mu kulondako. |
eragiddwa | Ekintu kino kikuba omuliro ku tab show oluvannyuma lwa tab okulagibwa. Kozesa event.target ne event.relatedTarget okutunuulira tabu ekola ne tabu ekola eyasooka (bwe kiba nga kiriwo) mu kulondako. |
- $ ( 'a[data-okukyusakyusa="tabu"]' ). ku ( 'alagiddwa' , omulimu ( e ) {
- e . target // tab ekoleddwa
- e . relatedTarget // ekitundu ekiyise
- }) .
Nga efunye okubudaabudibwa okuva mu nkola ennungi ennyo eya jQuery.tipsy eyawandiikibwa Jason Frame; Tooltips ye nkyusa erongooseddwa, etasinziira ku bifaananyi, ekozesa css3 ku animations, ne data-attributes okutereka emitwe egy'omu kitundu.
Wano wefunire fayiroHover ku links wammanga olabe ebikozesebwa:
Tight pants next level keffiyeh osanga toziwuliddeko . Ekifaananyi ekibanda ekirevu embisi denim letterpress vegan omubaka ensawo stumptown. Seitan okuva ku faamu okutuuka ku mmeeza, engoye za mcsweeney eziyitibwa fixie sustainable quinoa 8-bit american apparel zirina terry richardson vinyl chambray. Ekirevu stumptown, cardigans banh mi lomo okubwatuka. Tofu biodiesel williamsburg marfa, bana loko mcsweeney's okuyonja vegan chambray. A ddala ironic artisan kyonna keytar, scenester faamu-ku-mmeeza banksy Austin twitter okukwata freegan cred embisi denim ensibuko emu kaawa viral.
Trigger the tooltip nga oyita mu javascript:
- $ ( '#ekyokulabirako' ). tooltip ( eby'okulonda ) .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
okukola ebifaananyi ebirina obulamu | boolean | kituufu | kozesa enkyukakyuka ya css fade ku tooltip |
okuteekebwa mu kifo | omuguwa|omulimu | 'waggulu' | engeri y'okuteeka ekiwandiiko ky'ebikozesebwa - waggulu | wansi | ku kkono | kituufu |
omusunsuzi | akaguwa | -kyaamu | Singa omusunsula aweebwa, ebintu ebikozesebwa bijja kuweebwa ebigendererwa ebiragiddwa. |
omutwe | olunyiriri | enkola | '' . | omuwendo gw'omutwe ogusookerwako singa `title` tag tebaawo |
okusiikula | akaguwa | 'okuwuubaala'. | engeri tooltip gy'etandikibwamu - hover | okussa essira | maniyo |
okulwawo | ennamba | ekintu | 0. | okulwawo okulaga n'okukweka ekiwandiiko ky'ebikozesebwa (ms) . Singa ennamba eweebwa, okulwawo kukozesebwa ku byombi okukweka/okulaga Ensengeka y’ekintu eri nti: |
Olw'ensonga z'okukola, Tooltip ne Popover data-apis zibeera opt in. Bw'oba oyagala okuzikozesa just specify a selector option.
- <a href = "#" rel = "ekintu ekikozesebwa" title = "ekiwandiiko ekisooka" > hover over me </a>
Egattako omukwasi w'ebikozesebwa ku kukungaanya elementi.
Abikkula ekiwandiiko ky'ekintu ekiyitibwa tooltip.
- $ ( '#ekintu' ). tooltip ( 'laga' ) .
Ekweka ekiwandiiko ky'ekintu ekiyitibwa tooltip.
- $ ( '#ekintu' ). tooltip ( 'kwekweka' ) .
Ekyusakyusa ekintu ekiyitibwa tooltip.
- $ ( '#ekintu' ). tooltip ( 'okukyusa' ) .
Okwongerako obutonotono obubikkiddwako ebirimu, ng’ebyo ebiri ku iPad, ku kintu kyonna eky’okuteeka amawulire ag’okubiri.
* Yeetaaga Tooltip okuteekebwamu
Wano wefunire fayiroHover ku button okutandika popover.
Ssobozesa popovers nga oyita mu javascript:
- $ ( '#ekyokulabirako' ). popover ( eby'okulondako ) .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
okukola ebifaananyi ebirina obulamu | boolean | kituufu | kozesa enkyukakyuka ya css fade ku tooltip |
okuteekebwa mu kifo | omuguwa|omulimu | 'kituufu' | engeri y'okuteeka popover - waggulu | wansi | ku kkono | kituufu |
omusunsuzi | akaguwa | -kyaamu | singa omusunsu aweebwa, ebintu ebikozesebwa bijja kuweebwa ebigendererwa ebiragiddwa |
okusiikula | akaguwa | 'okuwuubaala'. | engeri tooltip gy'etandikibwamu - hover | okussa essira | maniyo |
omutwe | olunyiriri | enkola | '' . | omuwendo gw'omutwe ogusookerwako singa ekintu `title` tekibaawo |
okwesiima | olunyiriri | enkola | '' . | omuwendo gw'ebirimu ogusookerwako singa ekintu kya `data-content` tekibaawo |
okulwawo | ennamba | ekintu | 0. | okulwawo okulaga n'okukweka popover (ms) . Singa ennamba eweebwa, okulwawo kukozesebwa ku byombi okukweka/okulaga Ensengeka y’ekintu eri nti: |
Olw'ensonga z'okukola, Tooltip ne Popover data-apis zibeera opt in. Bw'oba oyagala okuzikozesa just specify a the selector option.
Etandikawo popovers olw'okukung'aanya elementi.
Abikkula ekintu ekiyitibwa elements popover.
- $ ( '#ekintu' ). popover ( 'okulaga' ) .
Akweka ekintu ekiyitibwa elements popover.
- $ ( '#ekintu' ). popover ( 'kwekweka' ) .
Ekyusakyusa ekintu ekiyitibwa elements popover.
- $ ( '#ekintu' ). popover ( 'okukyusakyusa' ) .
Plugin y’okulabula kiraasi ntono nnyo ey’okugattako emirimu egy’okumpi ku kulabula.
OkufunaPlugin y'okulabula ekola ku bubaka obw'okulabula obwa bulijjo, n'okuziyiza obubaka.
Kyusa kino ne kiri oddemu ogezeeko. Duis mollis, est non commodo luctus, nisi erat ekika ky’omugongo, eget lacinia odio sem nec elit. Cras mattis consectetur purus etuula mu kizimbulukusa.
Ssobozesa okugoba okulabula ng'oyita mu javascript:
- $ ( ".okulabula" ). okulabula () .
Just add data-dismiss="alert"
ku close button yo okuwa automatically okuwa alert close functionality.
- <a class = "okuggalawo" data-dismiss = "okulabula" href = "#" > &emirundi; </a>
Azinga okulabula kwonna n'emirimu egy'okumpi. Okusobola okuba n’okulabula kwo animate out nga kuggaddwa, kakasa nti balina the .fade
and .in
class eyakozesebwa dda ku zo.
Aggalawo okulabula.
- $ ( ".okulabula" ). alert ( 'okuggalawo' ) .
Bootstrap's alert class eraga ebitonotono ebibaawo olw'okuyunga mu nkola y'okulabula.
Omukolo | Okunnyonnyola |
---|---|
okuggalawo | Ekintu kino kikuba amangu ddala nga close enkola ya instance eyitiddwa. |
eggaddwawo | Ekintu kino kikubwa nga okulabula kuggaddwa (kijja kulinda enkyukakyuka za css okuggwa). |
- $ ( '#okulabula kwange' ). bind ( 'kiggaddwa' , omulimu () { .
- // kola ekintu...
- }) .
Funa emisono egy’omusingi n’obuwagizi obukyukakyuka obw’ebitundu ebiyinza okugwa nga accordions ne navigation.
Wano wefunire fayiroNga tukozesa collapse plugin, twazimba widget ennyangu ey’omulembe gwa accordion:
Ssobozesa ng'oyita mu javascript:
- $ ( ".okugwa" ). okugwa () .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
omuzadde | omusunsuzi | -kyaamu | Singa selector awo ebintu byonna ebiyinza okugwa wansi w'omuzadde alagiddwa bijja kuggalwawo nga ekintu kino ekiyinza okugwa kiragiddwa. (okufaananako n’enneeyisa ya accordion ey’ekinnansi) |
okukyusakyusa | boolean | kituufu | Ekyusa ekintu ekiyinza okugwa ku kuyita |
Just add data-toggle="collapse"
ne a data-target
ku element okugaba automatically control ya element eyinza okugwa. Ekintu data-target
kikkiriza css selector okukozesa okugwa. Kakasa nti ogattako kiraasi collapse
ku elementi eyinza okugwa. Bw'oba oyagala kiggule nga kisookerwako, yongera ku kiraasi ey'okugattako in
.
- <button class = "btn btn-akabi" data-okukyusa = "okugwa" data-ekigendererwa = "#demo" >
- simple eyinza okugwa
- </button>
- <div id = "demo" class = "okugwa mu" > ... </div>
data-parent="#selector"
. Laba demo olabe kino mu bikolwa.
Ekola ebirimu byo nga ekintu ekiyinza okugwa. Akkiriza eby'okulonda eby'okwesalirawo object
.
- $ ( '#kiyinza okugwa' ). okugwa ({
- toggle : eky'obulimba
- }) .
Ekyusa ekintu ekiyinza okugwa okukiragibwa oba okukwekebwa.
Alaga ekintu ekiyinza okugwa.
Ekweka ekintu ekiyinza okugwa.
Bootstrap's collapse class eraga ebitonotono ebibaawo olw'oku hooking mu collapse functionality.
Omukolo | Okunnyonnyola |
---|---|
okulaga | Ekintu kino kikuba amangu ddala nga show enkola ya instance eyitiddwa. |
eragiddwa | Ekintu kino kikubwa nga ekintu ekigwa kikoleddwa okulabika eri omukozesa (kijja kulinda enkyukakyuka za css okuggwa). |
okweekweeka | Ekintu kino kikubwa amangu ddala hide ng’enkola eyitiddwa. |
okukweekebwa | Ekintu kino kikubwa nga ekintu ekigwa kikwekeddwa okuva eri omukozesa (kijja kulinda enkyukakyuka za css okuggwa). |
- $ ( '#kiyinza okugwa' ). ku ( 'ekikwekeddwa' , omulimu () { .
- // kola ekintu...
- }) .
Plugin eya bulijjo ey'okuvuga obugaali okuyita mu elementi. Ekifo eky’okusanyukirako.
Wano wefunire fayiroLaba ekifaananyi kya slideshow wansi.
Kuba ng'oyita mu javascript:
- $ ( '.ekiwujjo' ). carousel () .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
interval | omuwendo | 5000 | Omuwendo gw’obudde okulwawo wakati w’okuvuga ekintu mu ngeri ey’otoma. |
okuyimirizamu | akaguwa | "okuwuubaala". | Ayimiriza obugaali bwa carousel ku mouseenter era addamu okuvuga obugaali bwa carousel ku mouseleave. |
Data attributes zikozesebwa ku conrols eziyise n'eziddako. Laba ekyokulabirako markup wansi.
- <div id = "Ekika kyange" ekibiina = "ekiwujjo" >
- <!-- Ebintu ebikozesebwa mu carousel -->
- <div class = "omunda mu carousel" >
- <div class = "ekintu ekikola" > ... </div>
- <div ekibiina = "ekintu" > ... </div>
- <div ekibiina = "ekintu" > ... </div>
- </div> nga bwe kiri
- <!-- Ennyonyi eziyitibwa Carousel nav -->
- <a class = "ekifuga-okufuga ku kkono" href = "#Ekika kyange" data-slide = "emabega" > ‹ </a>
- <a class = "eddembe-okufuga carousel" href = "#Carousel yange" data-slide = "ekiddako" > › </a>
- </div> nga bwe kiri
Atandikawo carousel n’enkola ez’okwesalirawo object
n’atandika okuvuga obugaali ng’ayita mu bintu.
- $ ( '.ekiwujjo' ). carousel ({ ) .
- ebbanga : 2000
- }) .
Ezingulula okuyita mu bintu bya carousel okuva ku kkono okudda ku ddyo.
Ayimiriza carousel okuvuga obugaali okuyita mu bintu.
Ezingulula carousel ku fuleemu entongole (0 okusinziira, okufaananako n'ensengekera).
Enzirukanya okutuuka ku kintu ekyayita.
Ezingulula okutuuka ku kintu ekiddako.
Bootstrap's carousel class eraga ebibaddewo bibiri eby'oku hooking mu carousel functionality.
Omukolo | Okunnyonnyola |
---|---|
okuseerera | Ekintu kino kikuba amangu ddala nga slide enkola y'ekyokulabirako eyitibwa. |
yaseeyeeya | Ekintu kino kikubwa nga carousel emalirizza enkyukakyuka yaayo eya slide. |
Plugin enkulu, eyangu okugaziwa ey'okukola amangu typeaheads ennungi n'okuyingiza ebiwandiiko bya ffoomu yonna.
Wano wefunire fayiroTandika okuwandiika mu kifo wansi okulaga ebivudde mu typeahead.
Kuba typeahead ng'oyita mu javascript:
- $ ( '.okuwandiika mu maaso' ). okuwandiika mu maaso () .
Erinnya | okuwandiika | okukosamu | okunnyonnyola |
---|---|---|---|
ensibuko | ensengekera | [ ] . | Ensibuko ya data okubuuza ku. |
ebintu | omuwendo | 8. | Omuwendo ogusinga obunene ogw'ebintu eby'okulaga mu dropdown. |
omuzannyi w’omupiira | enkola | obutafaayo ku nnyiriri ennene | The method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query . Return a boolean true if query is a match. |
sorter | function | exact match, case sensitive, case insensitive |
Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query . |
highlighter | function | highlights all default matches | Method used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html. |
Add data attributes to register an element with typeahead functionality.
- < ekika ky'okuyingiza = "ekiwandiiko" data-provide = "ekika mu maaso" >
Etandikawo ekiyingizibwa nga kiriko typeahead.