Javascript ka ɲɛsin Bootstrap ma

Bootstrap ka yɔrɔw lase ɲɛnamaya ma—sisan ni jQuery ka fɛn 12 ye minnu bɛ kɛ ka kɛɲɛ ni mɔgɔw sago ye .

Modaliw (modaliw).

A streamlined, nka flexible, take on the traditional javascript modal plugin ni dɔrɔn baarakɛcogo fitinin wajibiyalenw ani hakilitigiw ka defaults.

Dropdowns (Donkiliw).

A' ye 'fɛnɲɛnɛmaw Fàra fɛn o fɛn kan Bootstrap kɔnɔ ni nin 'plugin nɔgɔman in ye. Bootstrap bɛ dɛmɛ dafalen jira min bɛ sɔrɔ menu kɔnɔ min bɛ navbar kɔnɔ, tabs kɔnɔ, ani furakisɛw kɔnɔ.

Scrollspy ye

Baara kɛ ni scrollspy ye walasa ka ladɛrɛsiw kuraya i yɛrɛma i ka navbar kɔnɔ walasa ka ladɛrɛsi min bɛ baara la sisan, o jira ka da scroll jɔyɔrɔ kan.

Tablo minnu bɛ se ka wuli ka bɔ u nɔ na

Baara kɛ ni nin plugin in ye walasa ka tabw ni furakisɛw kɛ nafa caman ye i kɛtɔ k’a to u ka toggle ka tɛmɛ tabbable panes fɛ sigida kɔnɔkow la.

Baarakɛminɛnw ladilikanw

Ta kura min bɛ jQuery Tipsy plugin kan, Tooltips tɛ u jigi da jaw kan—u bɛ baara kɛ ni CSS3 ye animations ani data-attributes ye sigida tɔgɔw marali kama.

Popoversw * .

Aw bɛ kɔnɔkow dacogo misɛnninw fara ɲɔgɔn kan, i n’a fɔ iPad kan, fɛn o fɛn na walasa ka kunnafoni filananw sigi.

* A bɛ Tooltips wajibiya ka don a kɔnɔ

Lakɔlɔsili cikanw

Kɔlɔsili-minɛn ye kalasi fitinin ye min bɛ Kɛ ka baarakɛcogo surun Fàra lasɔminiw kan.

Butɔnw

Aw bɛ dɔ fara a kan ni butɔni ye. Kontrɔli butɔni bɛ fɔ walima ka butɔni kuluw Dabɔ yɔrɔ caman kama i n’a fɔ baarakɛminɛnw.

Ka bin

Aw ye basigi cogoyaw sɔrɔ ani dɛmɛn min bɛ se ka wuli ka bɔ a nɔ na i n’a fɔ accordions ani navigation.

Karosel

I b’a fɛ ka kunnafoni o kunnafoni di, i ka nisɔndiya-taama dɔ dabɔ ka kunnafoni-di-sira dɔ di min bɛ se ka kɛ ni mɔgɔw ye.

Typeahead (Sɛbɛnni) ɲɛfɛ

Plugin basigilen, min bɛ se ka bonya nɔgɔya la walasa ka teliya ka typeahead cɛɲiw dilan ni foroko sɛbɛnni sɛbɛnni suguya o suguya ye.

Tɛmɛsiraw * .

Walasa ka tɛmɛsira nɔgɔmanw sɔrɔ, i ka bootstrap-transition.js don siɲɛ kelen walasa ka slide in modals walima fade out alerts.

* A wajibiyalen don animation ma plugins kɔnɔ

Kungolow bɛ wuli! Javascript plugins bɛɛ bɛ jQuery bɔko kura de wajibiya.

Modalw ko la

A streamlined, nka flexible, take on the traditional javascript modal plugin ni dɔrɔn baarakɛcogo fitinin wajibiyalenw ani hakilitigiw ka defaults.

Filɛri telesarse

Misali jɔlen

Dugukolo kan, o ye modɛli ye min bɛ jira cogo la min bɛ wele ko statique.

Demo en direct

Toggle a modal via javascript ni i ye butɔni digi min bɛ duguma. A bɛna sɛgɛn ka jigin ka tunun ka bɔ ɲɛ sanfɛ.

Lancement modal démo

Baara kɛ ni bootstrap-modal ye

Aw bɛ modal wele javascript fɛ:

  1. $ ( '#n ka Modal' ). modal ( sugandiliw ) .

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
kɔkannakow boolean ye sɛbɛ Modal-backdrop element dɔ bɛ a kɔnɔ. O cogo kelen na, a jira staticka ɲɛsin kɔkannafɛn dɔ ma min tɛ modal da tugu click kan.
klaviyeti ye boolean ye sɛbɛ A bɛ modal da tugu ni escape key digilen don
k'a jira boolean ye sɛbɛ A bɛ modɛli jira ni a daminɛna.

Markup (Marka) ye

I bɛ Se ka modɛliw baara i ka ɲɛ kan nɔgɔya la k’a sɔrɔ i ma javascript sɛrɛ kelen sɛbɛn. Dɔrɔn set data-toggle="modal"on controleur element ni a data-target="#foo"walima href="#foo"min bɛ bɛn modal element id ma, ni a digilen don, a bɛna i ka modal daminɛ.

Ani fana, walasa ka sugandiliw Fàra i ka modal instance kan, i k’u Dòn dɔrɔn i n’a fɔ data attributs (daɲɛw) fɛn wɛrɛw kan control element (kɔlɔsili-yɔrɔ) walima modal markup yɛrɛ kan.

  1. <a kalasi = "btn" data-toggle = "modal" href = "#myModal" > Modal daminɛ </a>
  1. <div kalasi = "modal dogo" id = "ne ka Modal" >
  2. <div kalasi = "modal-kunnafoni" >
  3. <butɔni suguya = "butɔni" kalasi = "dadon" data-dismiss = "modal" > × </button>
  4. <h3> modɛli kuncɛ </h3>
  5. </div> ye
  6. <div kalasi = "modal-farikolo" >
  7. <p> farikolo ɲuman kelen... </p>
  8. </div> ye
  9. <div kalasi = "modali-sen" >
  10. <a href = "#" kalasi = "btn" data-dismiss = "modal" > Dadon </a>
  11. <a href = "#" kalasi = "btn btn-primary" > Yɛlɛmaw mara </a>
  12. </div> ye
  13. </div> ye
Kungolow bɛ wuli! N'i b'a fɛ i ka modal ka animation in and out, i ka .fadeclasse dɔ Fàra .modalelement kan dɔrɔn (aw ye demo lajɛ walasa k'o ye wale la) ka bootstrap-transition.js Dòn a la.

Fɛɛrɛw

.modal(sugandiliw) .

A bɛ i ka kɔnɔkow baara i n’a fɔ modal. A bɛ sɔn sugandiliw ma minnu bɛ se ka kɛ object.

  1. $ ( '#n ka Modal' ). modɛli ({
  2. klaviyeti : nkalon
  3. })

.modal('toggle') .

A bɛ modal dɔ wuli ni bolo ye.

  1. $ ( '#n ka Modal' ). modali ( 'toggle' ) .

.modal(' jira')

A bɛ modal dɔ da wuli ni bolo ye.

  1. $ ( '#n ka Modal' ). modal ( 'jira' ) .

.modal('ka dogo')

A bɛ modal dɔ dogo ni bolo ye.

  1. $ ( '#n ka Modal' ). modal ( 'dogo' ) .

Ko minnu kɛra

Bootstrap ka modal class bɛ ko damadɔw jira kɛnɛ kan walasa ka hooking kɛ modal baarakɛcogo la.

Lajɛrɛ Cogojirali
k'a jira O ko in bɛ tasuma Bɔ o yɔrɔnin bɛɛ ni showmisali fɛɛrɛ Weelera.
jiralen don O ko in bɛ Fɔ ni modal Kɛra ka Ye baarakɛla fɛ (a bɛna css 'tɛmɛsiraw makɔnɔ ka Dafa).
ka dogo O ko in bɛ Fɔ o yɔrɔnin bɛɛ ni hidemisali fɛɛrɛ Weelera.
dogolen O ko in bɛ Fɔ ni modal ye dogolen Ban baarakɛla la (a bɛna css transitions makɔnɔ ka ban).
  1. $ ( '#n ka Modal' ). kan ( 'dogolen' , baara () { .
  2. // ka fɛn dɔ kɛ...
  3. })

ScrollSpy plugin ye nav laɲiniw ladamuni ye a yɛrɛma ka da scroll jɔyɔrɔ kan.

Filɛri telesarse

Misali navbar ni scrollspy

Yɔrɔ min bɛ duguma, i ka o yɔrɔ lajɛ ani ka navigatiɔn kura lajɛ. Fɛn fitinin minnu bɛ jigin, olu fana bɛna jira. A’ ye a lajɛ!

@belebeleba

Annonce leggings keytar, brunch id art fête dolor labore. Bamako, Mali. Pitchfork yr enim lo-fi sani u ka qui. Tumblr foro-ka-tabali bisikili josariyaw fɛn o fɛn. Anim keffiyeh carles ka kari. Velit seitan mcsweeney ka fototalan 3 waraba kalo irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui n'a sɔrɔ i ma u mɛn et cardigan fond de confiance culpa biodiesel wes anderson esthétique. Nihil tatouage accusamus, cred ironie biodiesel keffiyeh artisan ullamco consequat.

@mdo ye

Veniam marfa moustache skateboard, adipisicing fugiat velit fourchette barbe. Freegan kunsigi aliqua cupidatat mcsweeney ka vero. Cupidatat naani loko nisi, ea helvetica nulla carles. Tatouage cosby sweater dumuni camion, mcsweeney ka quis non freegan vinyl. Lo-fi wes anderson +1 ye fɛn ye min bɛ se ka kɛ. Carles non esthétique exercice quis gentrify. Bamako, Mali. Brooklyn adipisicing bololabaarakɛlaw ka biyɛri vice keytar deserunt.

kelen

Occaecat komodo min bɛ wele ko aliqua delectus. Fap artisanat bière deserunt skateboard ea. Lomo bisikili josariyaw adipisicing banh mi, velit ea sunt nivo nata locavore kafe kelen-kelen na magna veniam. Vinyle id de haute vie, écho parc consequat quis aliquip banh mi fourchette. Vero VHS ye farikolojɔli dumuniw ye. Consectetur nisi DIY mini cidenw ka sakɔsi. Cred ex in, delectus consectetur fanny pack iphone ka baara sabatili ye.

fila

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.

three

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 ciden sakɔsi marfa fɛn o fɛn delectus dumuni kamiyɔn. Sapiente sinteti id assumenda. Locavore sed helvetica cliche irony, sanpɛrɛnw i bɛ se ka u ma mɛn u la consequat hoodie gluten-free lo-fi fap aliquip. Laboure elit placeat sanni u ka feere ka ban, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan artisanat bière seitan labɛnnen velit. VHS chambray laboris ye muso ye min bɛ wele ko veniam tempor. Anim mollit minim commodo ullamco sanpɛrɛnw.


Baara kɛ ni bootstrap-scrollspy.js ye

Aw bɛ scrollspy wele javascript fɛ:

  1. $ ( '#navbar' ye ). sɛbɛnfura () .

Markup (Marka) ye

Walasa ka scrollspy kɛcogo Fàra nɔgɔya la i ka topbar navigation kan, data-spy="scroll"i b’a fɛ ka spy min Kɛ, i bɛ Fàra o kan dɔrɔn (a ka c’a la nin bɛ Kɛ farikolo ye).

  1. <farikolo data-spy = "sɛbɛnni" > ... </body>
Kungolow bɛ wuli! Navbar jɛgɛnw ka kan ka kɛ ni id laɲiniw ye minnu bɛ se ka ɲɛnabɔ. Misali la, a <a href="#home">home</a>ka kan ka bɛn fɛn dɔ ma dom kɔnɔ i n’a fɔ <div id="home"></div>.

Fɛɛrɛw

.scrollspy('lakurayali')

Ni i bɛ baara kɛ ni scrollspy ye ka fara fɛnw farali walima u bɔli kan DOM kɔnɔ, i bɛna a ɲini ka refresh fɛɛrɛ wele i n’a fɔ:

  1. $ ( '[data-spy="sɛbɛnni"]' ). kelen-kelen bɛɛ ( baara () { .
  2. var $spy = $ ( nin ). scrollspy ( ‘lafiɲɛbɔ’ ) .
  3. });

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
offset (fɔcogo ɲuman). nimɔrɔ 10 ye Pixels ka offset ka bɔ sanfɛ ni jatebɔ jɔyɔrɔ scroll.

Ko minnu kɛra

Lajɛrɛ Cogojirali
ka baara kɛ O ko in bɛ tasuma Bɔ tuma o tuma ni fɛn kura dɔ Kɛra baara la scrollspy fɛ.

Nin plugin in bɛ tab ni pill baarakɛcogo teliyalen, fangama dɔ fara a kan walasa ka tɛmɛ ni sigida kɔnɔkow ye.

Filɛri telesarse

Misali tablɛtiw

Tab minnu bɛ duguma, olu digi walasa ka fɛnw caman ɲɔgɔn falen-falen yɔrɔ dogolenw ni ɲɔgɔn cɛ, hali ni menu (yɔrɔ) minnu bɛ jigin.

Raw denim i bɛ se ka u ma mɛn u jean shorts Austin. Nesciunt tofu stumptown aliqua, retro sinteti master saniya. Moustache cliche tempor, williamsburg carles ka helvetica sogo-minɛ. Reprehenderit butcher retro keffiyeh sugo minɛbaga synth. Cosby sweater eu banh mi, qui irure terry richardson ex calmar. Bamako, Mali. Aliquip placeat ka baara kɛ ni iphone ye. Seitan aliquip quis cardigan ameriki fini, sogo feerela 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.


Baara kɛ ni bootstrap-tab.js ye

Tabable tabs daminɛ javascript fɛ (tab kelen-kelen bɛɛ ka kan ka baara kɛ kelen-kelen):

  1. $ ( '#n ka Tab a' ). digi ( baarakɛcogo ( e ) { .
  2. e . baliDefault ();
  3. $ ( nin ). tab ( 'jira' );
  4. })

Aw bɛ se ka tablo kelen-kelen bɛɛ baara cogo caman na:

  1. $ ( '#ne ka Tab a[href="#profile"]' ). tab ( 'jira' ); // Tab sugandi ka kɛɲɛ ni tɔgɔ ye
  2. $ ( '#n ka Tab a:fɔlɔ' ). tab ( 'jira' ); // Tab fɔlɔ sugandi
  3. $ ( '#n ka Tab a: laban' ). tab ( 'jira' ); // Tab laban sugandi
  4. $ ( '#n ka Tab li:eq(2) a' ). tab ( 'jira' ); // Tab sabanan sugandi (0-indexed) .

Markup (Marka) ye

I bɛ se ka tab walima pill navigation dɔ baara k’a sɔrɔ i ma javascript si sɛbɛn ni i ye element dɔ jira dɔrɔn data-toggle="tab"walima a kan. data-toggle="pill"Ni i ye navand nav-tabsclasses fara tab kan ul, o bɛna bootstrap tab styling waleya.

  1. <ul kalasi = "nav nav-tabs" >
  2. <li><a href = "#so" data-toggle = "tab" > So </a></li>
  3. <li><a href = "#profile" data-toggle = "tab" > Ɲɛjirali </a></li>
  4. <li><a href = "#cikanw" data-toggle = "tab" > Cikanw </a></li>
  5. <li><a href = "#settings" data-toggle = "tab" > Labɛnw </a></li>
  6. </ul>

Fɛɛrɛw

$().tab ye

A bɛ tab element ni kɔnɔkow minɛn dɔ baara. Tab ka kan ka kɛ ni a ye data-targetwalima ni hreftargeting a container node ye DOM kɔnɔ.

  1. <ul kalasi = "nav nav-tabs" id = "ne ka Tab" >
  2. <li kalasi = "baarakɛ" ><a href = "#so" > So </a></li>
  3. <li><a href = "#profil" > Ɲɛjirali </a></li>
  4. <li><a href = "#cikanw" > Cikanw </a></li>
  5. <li><a href = "#settings" > Labɛnw </a></li>
  6. </ul>
  7.  
  8. <div kalasi = "tablo-kɔnɔkow" >
  9. <div kalasi = "tablo-pane active" id = "so" > ... </div>
  10. <div kalasi = "tab-pane" id = "profil" > ... </div>
  11. <div kalasi = "tab-pane" id = "cikanw" > ... </div>
  12. <div kalasi = "tab-pane" id = "labɛnw" > ... </div>
  13. </div> ye
  14.  
  15. <sɛbɛnni>
  16. $ ( baara () { .
  17. $ ( '#n ka Tab a: laban' ). tab ( 'jira' );
  18. })
  19. </script> ye

Ko minnu kɛra

Lajɛrɛ Cogojirali
k'a jira Nin ko in bɛ tasuma don tab jirali la, nka sanni tab kura ka jira. Baara kɛ event.targetni ani event.relatedTargetye walasa ka tablo active ani tab active tɛmɛnen (ni o bɛ sɔrɔ) laɲini.
jiralen don Nin ko in bɛ tasuma don tab jirali la tab jiralen kɔfɛ. Baara kɛ event.targetni ani event.relatedTargetye walasa ka tablo active ani tab active tɛmɛnen (ni o bɛ sɔrɔ) laɲini.
  1. $ ( 'a[data-toggle="tab"]' ). kan ( 'jiralen' , baara ( e ) { .
  2. e . laɲini // tab min bɛ baara kɛ
  3. e . relatedTarget // tab tɛmɛnen
  4. })

Baarakɛminɛnw Ladilikanw ko la

A lawulilen don ni jQuery.tipsy plugin ɲumanba ye min sɛbɛnna Jason Frame fɛ; Baarakɛminɛnw ye sɛgɛsɛgɛli kura ye, minnu tɛ u jigi da jaw kan, u bɛ baara kɛ ni css3 ye animationw kama, ani data-attributes sigida tɔgɔw marali kama.

Filɛri telesarse

Misali la baara kɛli ni Baarakɛminɛnw ye

I bolo digi jukɔrɔla yɔrɔw kan walasa ka baarakɛminɛnw lajɛ:

Tight pants next level keffiyeh n'a sɔrɔla i ma u mɛn. Foto cabine barbe cru denim letterpress vegan ciden sac stumptown. Foro-ka-tabali seitan, mcsweeney ka fixie sabatilen quinoa 8-bit ameriki finiw bɛ ni terry richardson vinyl chambray ye. Barbu stumptown, cardigans banh mi lomo sanpɛrɛnw. Tofu biodiesel williamsburg marfa, naani loko mcsweeney ka saniya vegan chambray. A tiɲɛ na ironic artisan whatever keytar , scenester foro-ka-tabali banksy Austin twitter bolo freegan cred raw denim kelen-origin kafe viral.


Baara kɛ ni bootstrap-tooltip.js ye

Baarakɛminɛnw ɲɛfɔli daminɛ javascript fɛ:

  1. $ ( '#misali' ). baarakɛminɛnw ( sugandiliw ) .

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
animation (ɲɛnamaya kɛcogo ɲuman). boolean ye sɛbɛ css fade transition dɔ kɛ baarakɛminɛnw kɔnɔ
bilali sen kan string|baarakɛcogo 'san fɛ' baarakɛminɛnw sigicogo - sanfɛ | duguma | kinin fɛ | jo
sugandilikɛla gaari nkalon Ni sugandili dɔ dira, baarakɛminɛnw ɲɛfɔli fɛnw bɛna di laɲini kofɔlenw ma.
titiri juru | baarakunda '' '' . default title value ni `title` taamasiyɛn tɛ yen
ka ci gaari 'hover' ye. baarakɛminɛnw bɛ daminɛ cogo min na - hover | sinsinnan | min bɛ fɛn bolo la
ka mɛ jate | minɛn 0 ye

delay jirali ni dogoli baarakɛminɛnw (ms) - o tɛ tali kɛ bololabaarakɛlaw ka daminɛ suguya la

Ni nimɔrɔ dɔ dira, delay bɛ kɛ hide/show fila bɛɛ la

Fɛnw jɔcogo ye:delay: { show: 500, hide: 100 }

Kungolow bɛ wuli! Sugandili minnu bɛ kɛ baarakɛminɛn kelen-kelen bɛɛ la, olu bɛ se ka ɲɛfɔ cogo wɛrɛ la ni kunnafonidilanw cogoyaw ye.

Markup (Marka) ye

Baarakɛcogo kunw na, Tooltip ani Popover data-apis bɛ opt in. N’i b’a fɛ ka baara kɛ n’u ye, i ka sugandili sugandilen dɔ jira dɔrɔn.

  1. <a href = "#" rel = "baarakɛminɛnw" title = "baarakɛminɛn fɔlɔw" > i bolo digi ne kan </a>

Fɛɛrɛw

$().baarakɛminɛnw(sugandiliw) .

A bɛ baarakɛminɛn dɔ nɔrɔ fɛnw lajɛlen dɔ la.

.tooltip(' jira') .

A bɛ element dɔ ka baarakɛminɛnw jira.

  1. $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'jira' ) .

.tooltip('dogo') .

A bɛ fɛn dɔ ka baarakɛminɛn dɔ dogo.

  1. $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'dogo' ) .

.baarakɛminɛnw ɲɛfɔli('toggle')

A bɛ fɛn dɔ ka baarakɛminɛnw sɛgɛsɛgɛli wuli.

  1. $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'toggle' ) .

Popovers ko la

Aw bɛ kɔnɔkow dacogo misɛnninw fara ɲɔgɔn kan, i n’a fɔ iPad kan, fɛn o fɛn na walasa ka kunnafoni filananw sigi.

* A bɛ Tooltip wajibiya ka don a kɔnɔ

Filɛri telesarse

Misali la, hover popover

Aw bɛ aw bolo digi butɔni kan walasa ka popover daminɛ.


Baara kɛ ni bootstrap-popover.js ye

Popoverw daminɛna javascript fɛ:

  1. $ ( '#misali' ). popover ( sugandiliw ) .

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
animation (ɲɛnamaya kɛcogo ɲuman). boolean ye sɛbɛ css fade transition dɔ kɛ baarakɛminɛnw kɔnɔ
bilali sen kan string|baarakɛcogo 'jo' cogo min na ka popover sigi - sanfɛ | duguma | kinin fɛ | jo
sugandilikɛla gaari nkalon ni sugandili dɔ dira, baarakɛminɛnw ɲɛfɔli fɛnw bɛna di laɲini kofɔlenw ma
ka ci gaari 'hover' ye. baarakɛminɛnw bɛ daminɛ cogo min na - hover | sinsinnan | min bɛ fɛn bolo la
titiri juru | baarakunda '' '' . default title value ni `title` fɛnsɛbɛn tɛ yen
kɔnɔnafɛn juru | baarakunda '' '' . kɔnɔkow nafa fɔlɔ ni `data-content` fɛnsɛbɛn tɛ yen
ka mɛ jate | minɛn 0 ye

delay jirali ni a dogo popover (ms) - o tɛ tali kɛ bololabaarakɛlaw ka trigger suguya la

Ni nimɔrɔ dɔ dira, delay bɛ kɛ hide/show fila bɛɛ la

Fɛnw jɔcogo ye:delay: { show: 500, hide: 100 }

Kungolow bɛ wuli! Sugandili minnu bɛ kɛ popover kelen-kelenw na, olu bɛ se ka ɲɛfɔ cogo wɛrɛ la ni data attributes (daɲɛw) fɛnw ye.

Markup (Marka) ye

Baarakɛcogo kunw na, Tooltip ani Popover data-apis bɛ opt in. N’i b’a fɛ ka baara kɛ n’u ye, i ka sugandili sugandilen dɔ jira dɔrɔn.

Fɛɛrɛw

$().popover(sugandiliw) .

A bɛ popovers daminɛ ka ɲɛsin element collection dɔ ma.

.popover(' jira')

A bɛ elements popover dɔ jira.

  1. $ ( '#fɛn' ). popover ( 'jira' ) .

.popover('ka dogo')

A bɛ dogo ni elements popover ye.

  1. $ ( '#fɛn' ). popover ( 'dogo' ) .

.popover('toggle') .

Toggles an éléments popover.

  1. $ ( '#fɛn' ). popover ( 'kɔnɔnafili' ) .

Kɔlɔsiliw ko la

Kɔlɔsili-minɛn ye kalasi fitinin ye min bɛ Kɛ ka baarakɛcogo surun Fàra lasɔminiw kan.

Ka telesarize

Misali lasɔminiw

Kɔlɔsiliw plugin bɛ baara kɛ lasɔmini cikanw kan minnu bɛ kɛ tuma bɛɛ, ani cikanw bali.

Guacamole senuma! Best check yo self, i ma filɛ ka ɲɛ kojugu.

Oh snap! I ye fili dɔ sɔrɔ!

Aw bɛ nin ni nin fɛn caman Changer ani ka segin ka a lajɛ. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus bɛ sigi amet fermentum la.

Aw ye nin wale in kɛ Walima aw ka nin kɛ


Baara kɛ ni bootstrap-alert.js ye

A’ ye lasɔmini dɔ bilali daminɛ javascript fɛ:

  1. $ ( ".kɔlɔsili" ). lasɔmini () .

Markup (Marka) ye

Dɔrɔn dɔ fara data-dismiss="alert"i ka dadon butɔni kan walasa ka a yɛrɛma ka alert close functionality di.

  1. <a kalasi = "dadon" data-dismiss = "kɔlɔsili" href = "#" > &waatiw; </a>

Fɛɛrɛw

$().alert() ye.

A bɛ lasɔminiw bɛɛ siri ni baarakɛcogo surun ye. Walasa i ka lasɔminiw ka ɲɛnamaya kɛ ni u datugulen don, i k’a lajɛ k’u ka .fadeand .inclass (kalanso) bɛ u kan kaban.

.alert('daga')

A bɛ lasɔmini dɔ datugu.

  1. $ ( ".kɔlɔsili" ). alert ( 'dakun' ) .

Ko minnu kɛra

Bootstrap ka lasɔmini kalan bɛ ko damadɔw jira kɛnɛ kan walasa ka jɛgɛn ka don lasɔmini baarakɛcogo la.

Lajɛrɛ Cogojirali
ka datugu O ko in bɛ tasuma Bɔ o yɔrɔnin bɛɛ ni closemisali fɛɛrɛ Weelera.
da tugulen don Nin ko in bɛ Bɔ ni lasɔmini Dafara (a bɛna css 'tɛmɛsiraw makɔnɔ ka Ban).
  1. $ ( '#ne ka-lasɔmini' ). bind ( 'dafalen' , baara () { .
  2. // ka fɛn dɔ kɛ...
  3. })

Kan

Aw bɛ dɔ fara a kan ni butɔni ye. Kontrɔli butɔni bɛ fɔ walima ka butɔni kuluw Dabɔ yɔrɔ caman kama i n’a fɔ baarakɛminɛnw.

Filɛri telesarse

Misaliw bɛ baara kɛ ni minnu ye

Baara kɛ ni butɔni plugin ye jamanaw ni toggles kama.

Jamanatigi
Toggle kelen
A’ ye yɔrɔ lajɛ
Arajo la

Baara kɛ ni bootstrap-button.js ye

Butɔnw daminɛ javascript fɛ:

  1. $ ( '.nav-tabs' ). butɔni () .

Markup (Marka) ye

Donanw ka fɛnw ye fɛnba ye min bɛ butɔni plugin kɔnɔ. Aw ye misali kode lajɛ min bɛ duguma walasa ka taamasiyɛn suguya caman sɔrɔ.

  1. <!-- Data-toggle="button" fara a kan walasa ka toggling baara kɛ butɔni kelen kan -->
  2. <butɔni kalasi = "btn" data-toggle = "button" > Toggle kelen </button>
  3.  
  4. <!-- A' ye data-toggle="buttons-checkbox" fara a kan walasa ka sɛgɛsɛgɛli kɛcogo sɛgɛsɛgɛli kɛ btn-group kan -->
  5. <div kalasi = "btn-kulu" data-toggle = "butɔni-sɛgɛsɛgɛli kɛsu" >
  6. <butɔni kalasi = "btn" > Nɛgɛbere </button>
  7. <butɔni kalasi = "btn" > Cɛmancɛ </button>
  8. <butɔni kalasi = "btn" > Kiɲɛ </button>
  9. </div> ye
  10.  
  11. <!-- Data-toggle="buttons-radio" fara a kan arajo cogoya sɛgɛsɛgɛli kama btn-group kan -->
  12. <div kalasi = "btn-kulu" data-toggle = "butɔni-arajo" >
  13. <butɔni kalasi = "btn" > Nɛgɛbere </button>
  14. <butɔni kalasi = "btn" > Cɛmancɛ </button>
  15. <butɔni kalasi = "btn" > Kiɲɛ </button>
  16. </div> ye

Fɛɛrɛw

$().button('toggle') Bamako, Mali.

Toggles push jamana. A bɛ butɔni di i n’a fɔ a bɛ baara la.

Kungolow bɛ wuli! Aw bɛ se ka butɔni dɔ ka auto toggling (otoggling) daminɛ ni aw bɛ baara kɛ ni o data-togglefɛnsɛbɛnni ye.
  1. <butɔni kalasi = "btn" data-toggle = "butɔni" > ... </button>

$().button('ka doni')

A bɛ butɔni cogoya sigi doni na - a bɛ butɔni bali ani ka sɛbɛnniw ɲɔgɔn falen ka sɛbɛnniw doni. sɛbɛnniw doni ka kan ka ɲɛfɔ butɔni yɔrɔ kan ni data attribute ye data-loading-text.

  1. <button class = "btn" data-loading-text = "fɛnw doni..." > ... </button>
Kungolow bɛ wuli! Firefox bɛ to senna cogo la min bɛ se ka kɛ ɲɛw doni ye . o furakɛcogo dɔ ye ka baara kɛ ni a ye autocomplete="off".

$().button('segin') .

A bɛ butɔni cogoya lasegin - a bɛ sɛbɛnniw falen-falen ka kɛ sɛbɛn fɔlɔ ye.

$().button(sɛgɛsɛgɛli) .

A bɛ butɔni cogoya lasegin - a bɛ sɛbɛnniw ɲɔgɔn falen-falen ka kɛɲɛ ni sɛbɛnni cogoya o kunnafoni ɲɛfɔlen ye.

  1. <button class = "btn" kunnafoni-dafalen-sɛbɛn = "ban!" > ... </butɔni>
  2. <sɛbɛnni>
  3. $ ( '.btn' ye ) ye. butɔni ( 'dafalen' ) .
  4. </script> ye

Kan

Aw ye basigi cogoyaw sɔrɔ ani dɛmɛn min bɛ se ka wuli ka bɔ a nɔ na i n’a fɔ accordions ani navigation.

Filɛri telesarse

* A b’a ɲini Transitions plugin ka don a kɔnɔ.

Misali la, accordéon

Baara kɛli ni collapse plugin ye, an ye accordéon style widget nɔgɔman dɔ jɔ:

Anim pariatur cliche reprehenderit, enim eiusmod ɲɛnamaya sanfɛ accusamus terry richardson ad kalama. 3 waraba kalo officia aute, non cupidat patinage dolor brunch. Dumunikɛminɛn min bɛ wele ko quinoa nesciunt laborum eiusmod. Brunch 3 waraba kalo tempor, sunt aliqua bila kɔnɔ dɔ kan a kan squid kelen-origin kafe nulla assumenda shoreditch et. Nihil ani keffiyeh helvetica, bololabaarakɛlaw ka biyɛri baara wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur sosifa vice lomo. Leggings occaecat craft beer foro-ka-tabali, raw denim aesthetic synth nesciunt n'a sɔrɔ i ma mɛn u accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod ɲɛnamaya sanfɛ accusamus terry richardson ad kalama. 3 waraba kalo officia aute, non cupidat patinage dolor brunch. Dumunikɛminɛn min bɛ wele ko quinoa nesciunt laborum eiusmod. Brunch 3 waraba kalo tempor, sunt aliqua bila kɔnɔ dɔ kan a kan squid kelen-origin kafe nulla assumenda shoreditch et. Nihil ani keffiyeh helvetica, bololabaarakɛlaw ka biyɛri baara wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur sosifa vice lomo. Leggings occaecat craft beer foro-ka-tabali, raw denim aesthetic synth nesciunt n'a sɔrɔ i ma mɛn u accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod ɲɛnamaya sanfɛ accusamus terry richardson ad kalama. 3 waraba kalo officia aute, non cupidat patinage dolor brunch. Dumunikɛminɛn min bɛ wele ko quinoa nesciunt laborum eiusmod. Brunch 3 waraba kalo tempor, sunt aliqua bila kɔnɔ dɔ kan a kan squid kelen-origin kafe nulla assumenda shoreditch et. Nihil ani keffiyeh helvetica, bololabaarakɛlaw ka biyɛri baara wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur sosifa vice lomo. Leggings occaecat craft beer foro-ka-tabali, raw denim aesthetic synth nesciunt n'a sɔrɔ i ma mɛn u accusamus labore sustainable VHS.

Baara kɛ ni bootstrap-collapse.js ye

A bɛ se ka baara kɛ ni javascript ye:

  1. $ ( ".dafalen" ). bɔgɔbɔgɔ () .

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
bangebaga sugandilikɛla nkalon Ni sugandili ye o tuma na fɛn minnu bɛ Se ka Dabɔ bangebaga kofɔlen jukɔrɔ olu bɛɛ bɛ Dabɔ ni nin fɛn min bɛ Se ka Dabɔ o jirala. (a ni laadalata acordion kɛcogo bɛ tali kɛ ɲɔgɔn na) .
toggle (toggle) kɛ boolean ye sɛbɛ A bɛ fɛn min bɛ Se ka Dabɔ, o bɛ Yɛlɛma weleli kan

Markup (Marka) ye

Dɔrɔn farali data-toggle="collapse"ani a data-targetto element ka otomatiki assign control de un collapsible element. Attribut data-targetbɛ sɔn css sugandili ma walasa ka collapse kɛ a kan. Aw ye aw jija ka kalasi fara fɛn dɔ kan min bɛ collapsese ka wuli. N'i b'a fɛ a ka da wuli, i ka kalansen wɛrɛ fara a kan in.

  1. <button class = "btn btn-danger" data-toggle = "dafalen" kunnafoni-laɲini = "#demo" >
  2. nɔgɔman min bɛ se ka wuli
  3. </button> ye
  4.  
  5. <div id = "demo" kalasi = "dafalen don" > ... </div>
Kungolow bɛ wuli! Walasa ka kulu ɲɛnabɔli min bɛ i n’a fɔ accordéon, o fara kunnafoni-falen-falen-falen-falen kan, i ka data attribute fara a kan data-parent="#selector". Aw ye demo lajɛ walasa ka nin ye wale la.

Fɛɛrɛw

.collapse(sugandiliw) .

A bɛ i ka kɔnɔkow baara i n’a fɔ fɛn min bɛ se ka da ɲɔgɔn kan. A bɛ sɔn sugandiliw ma minnu bɛ se ka kɛ object.

  1. $ ( '#ne ka Collapsible' ). bɔgɔbɔgɔ ({
  2. toggle : nkalon
  3. })

.collapse('toggle') Bamako, Mali.

A bɛ fɛn dɔ wuli ka bɔ a nɔ na ka taa jira walima ka dogo.

.collapse(' jira')

A bɛ fɛn dɔ jira min bɛ se ka wuli.

.collapse('dogo') .

A bɛ fɛn dɔ dogo min bɛ Se ka Dabɔ.

Ko minnu kɛra

Bootstrap ka collapse class bɛ ko damadɔw bɔ kɛnɛ kan ka ɲɛsin hooking into collapse functionality ma.

Lajɛrɛ Cogojirali
k'a jira O ko in bɛ tasuma Bɔ o yɔrɔnin bɛɛ ni showmisali fɛɛrɛ Weelera.
jiralen don O ko in bɛ Fɔ ni fɛn dɔ Dònna 'kɔnɔ min bɛ Ye baarakɛla fɛ (a bɛna css 'tɛmɛsiraw makɔnɔ u ka ban).
ka dogo O ko in bɛ Fɔ o yɔrɔnin bɛɛ ni hidefɛɛrɛ in Weelela.
dogolen O ko in bɛ Fɔ ni 'fɛn dɔ dogolen dòn baarakɛla la (a bɛna css 'tɛmɛsiraw makɔnɔ ka Dafa).
  1. $ ( '#ne ka Collapsible' ). kan ( 'dogolen' , baara () { .
  2. // ka fɛn dɔ kɛ...
  3. })

Kan

Plugin basigilen, min bɛ se ka bonya nɔgɔya la walasa ka teliya ka typeahead cɛɲiw dilan ni foroko sɛbɛnni sɛbɛnni suguya o suguya ye.

Filɛri telesarse

Misaliya

Aw bɛ sɛbɛnni daminɛ yɔrɔ la min bɛ duguma walasa ka sɛbɛnni ɲɛfɛ jaabiw jira.


Baara kɛ ni bootstrap-typeahead.js ye

Aw bɛ typeahead wele javascript fɛ:

  1. $ ( '.sɛbɛnni ɲɛfɛ' ). sɛbɛnni ɲɛfɛ () .

Sugandili minnu bɛ kɛ

Tɔ̀gɔ ka sɛbɛen masin na fɔlɔ cogojirali
bununda array (ɲɛnajɛ). [ ] . Donanw sɔrɔyɔrɔ min ka kan ka ɲininkali kɛ a kan.
minɛns nimɔrɔ 8 ye Fɛn minnu ka kan ka jira yɔrɔ la, olu hakɛ maksimali.
matchɛri baarakunda case insensitive (fɔcogo min tɛ fɛn ye). Fɛɛrɛ min bɛ Kɛ k’a Dɔn ni ɲininkali dɔ bɛ Bɛn fɛn dɔ ma. A bɛ Sɔn sɔsɔli kelen ma, o itemmin bɛ ɲininkali kɔrɔbɔ. Aw bɛ se ka ɲininkali kɛ sisan ni this.query. Segin boolean dɔ kan trueni ɲininkali ye bɛnkan ye.
sɛgɛsɛgɛlikɛlan baarakunda bɛnkan tigitigi,
sɛbɛnnibolow ni
sɛbɛnnibolow tɛ kelen ye
Fɛɛrɛ min bɛ kɛ ka autocomplete jaabiw labɛn. A bɛ Sɔn sɔsɔli kelen ma itemsani a bɛ ni typeahead instance ka scope ye. Aw bɛ ɲininkali kɛ sisan ni this.query.
fɛn min bɛ ɲɛfɔli kɛ baarakunda bɛ ɲɔgɔndan dafalenw bɛɛ jira Fɛɛrɛ min bɛ kɛ ka autocomplete jaabiw jira. A bɛ Sɔn sɔsɔli kelen ma itemani a bɛ ni typeahead instance ka scope ye. Ka kan ka segin html kan.

Markup (Marka) ye

Donanw ka fɛnw fara ɲɔgɔn kan walasa ka fɛn dɔ sɛbɛn ni typeahead baarakɛcogo ye.

  1. <doncogo suguya = "sɛbɛn" data-provide = "suguya ɲɛfɛ" >

Fɛɛrɛw

.typeahead(sugandiliw) .

A bɛ donnakow daminɛ ni typeahead ye.