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 .
A streamlined, nka flexible, take on the traditional javascript modal plugin ni dɔrɔn baarakɛcogo fitinin wajibiyalenw ani hakilitigiw ka defaults.
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ɔ.
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.
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.
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.
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ɔ
Kɔlɔsili-minɛn ye kalasi fitinin ye min bɛ Kɛ ka baarakɛcogo surun Fàra lasɔminiw 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.
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.
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.
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.
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ɔ
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 telesarseDugukolo kan, o ye modɛli ye min bɛ jira cogo la min bɛ wele ko statique.
Farikolo ɲuman kelen...
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émoAw bɛ modal wele javascript fɛ:
- $ ( '#n ka Modal' ). modal ( sugandiliw ) .
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 static ka ɲɛ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. |
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.
- <a kalasi = "btn" data-toggle = "modal" href = "#myModal" > Modal daminɛ </a>
- <div kalasi = "modal dogo" id = "ne ka Modal" >
- <div kalasi = "modal-kunnafoni" >
- <butɔni suguya = "butɔni" kalasi = "dadon" data-dismiss = "modal" > × </button>
- <h3> modɛli kuncɛ </h3>
- </div> ye
- <div kalasi = "modal-farikolo" >
- <p> farikolo ɲuman kelen... </p>
- </div> ye
- <div kalasi = "modali-sen" >
- <a href = "#" kalasi = "btn" data-dismiss = "modal" > Dadon </a>
- <a href = "#" kalasi = "btn btn-primary" > Yɛlɛmaw mara </a>
- </div> ye
- </div> ye
.fade
classe
dɔ Fàra .modal
element kan dɔrɔn (aw ye demo lajɛ walasa k'o ye wale la) ka bootstrap-transition.js Dòn a la.
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
.
- $ ( '#n ka Modal' ). modɛli ({
- klaviyeti : nkalon
- })
A bɛ modal dɔ wuli ni bolo ye.
- $ ( '#n ka Modal' ). modali ( 'toggle' ) .
A bɛ modal dɔ da wuli ni bolo ye.
- $ ( '#n ka Modal' ). modal ( 'jira' ) .
A bɛ modal dɔ dogo ni bolo ye.
- $ ( '#n ka Modal' ). modal ( 'dogo' ) .
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 show misali 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 hide misali 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). |
- $ ( '#n ka Modal' ). kan ( 'dogolen' , baara () { .
- // ka fɛn dɔ kɛ...
- })
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ɔ.
Filɛri telesarseNav links minnu bɛ duguma, olu digi navbar kɔnɔ ani furakisɛw kan minnu bɛ duguma walasa ka dropdownw sɛgɛsɛgɛ.
Aw bɛ fɛnw wele javascript fɛ:
- $ ( '.dɔgɔtɔrɔ-toggle' ). jiginɛ () .
Walasa ka teliya ka dropdown baarakɛcogo Fàra element o element kan, i bɛ Fàra dɔrɔn data-toggle="dropdown"
ani bootstrap dropdown min bɛ Se ka Kɛ o bɛ baara Kɛ a yɛrɛma.
data-target="#fat"
walima
href="#fat"
.
- <ul kalasi = "nav nav-furakisɛw" >
- <li kalasi = "baarakɛ" ><a href = "#" > Jɛɲɔgɔnya sabatilen </a></li>
- <li kalasi = "dakun " id = "menu1" >
- <a class = "jigin-ka-bɔ" data-toggle = "jigin-ka-bɔ" href = "#menu1" >
- Dropdown (Donkilidala).
- <b kalasi = "karɛti" </b>
- </a>
- <ul kalasi = "dakun-yɔrɔ" >
- <li><a href = "#" > wale </a></li>
- <li><a href = "#" > wale wɛrɛ </a></li>
- <li><a href = "#" > fɛn wɛrɛ bɛ yan </a></li>
- <li kalasi = "jatebɔlan" </li>
- <li><a href = "#" > Jɛɲɔgɔnya faralen ɲɔgɔn kan </a></li>
- </ul>
- </li>
- ...
- </ul>
Walasa ka URLw to u cogo la, baara kɛ ni o data-target
fɛnsɛbɛn ye href="#"
.
- <ul kalasi = "nav nav-furakisɛw" >
- <li kalasi = "dɔgɔtɔrɔso" >
- <a class = "jigin-ka-bɔ" data-toggle = "jigin" data-target = "#" href = "sira/ka/ɲɛ.html" >
- Dropdown (Donkilidala).
- <b kalasi = "karɛti" </b>
- </a>
- <ul kalasi = "dakun-yɔrɔ" >
- ...
- </ul>
- </li>
- </ul>
Api programatic min bɛ menuw baara ka ɲɛsin navbar walima tabbed navigation dilen ma.
ScrollSpy plugin ye nav laɲiniw ladamuni ye a yɛrɛma ka da scroll jɔyɔrɔ kan.
Filɛri telesarseYɔ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ɛ!
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.
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.
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.
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 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.
Aw bɛ scrollspy wele javascript fɛ:
- $ ( '#navbar' ye ). sɛbɛnfura () .
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).
- <farikolo data-spy = "sɛbɛnni" > ... </body>
<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>
.
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ɔ:
- $ ( '[data-spy="sɛbɛnni"]' ). kelen-kelen bɛɛ ( baara () { .
- var $spy = $ ( nin ). scrollspy ( ‘lafiɲɛbɔ’ ) .
- });
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. |
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 telesarseTab 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.
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 sanni u ka feere ka ban master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art fête locavore loup cliche haute vie écho parc Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi sanni u ka foro-ka-tabali VHS viral locavore cosby sweater feere ka ban. Lomo wolf viral, moustache labɛn sanpɛrɛn keffiyeh artisanat bière marfa éthique. Wolo salvia freegan, sartorial keffiyeh echo parc vegan. Bamako, Mali.
Tabable tabs daminɛ javascript fɛ (tab kelen-kelen bɛɛ ka kan ka baara kɛ kelen-kelen):
- $ ( '#n ka Tab a' ). digi ( baarakɛcogo ( e ) { .
- e . baliDefault ();
- $ ( nin ). tab ( 'jira' );
- })
Aw bɛ se ka tablo kelen-kelen bɛɛ baara cogo caman na:
- $ ( '#ne ka Tab a[href="#profile"]' ). tab ( 'jira' ); // Tab sugandi ka kɛɲɛ ni tɔgɔ ye
- $ ( '#n ka Tab a:fɔlɔ' ). tab ( 'jira' ); // Tab fɔlɔ sugandi
- $ ( '#n ka Tab a: laban' ). tab ( 'jira' ); // Tab laban sugandi
- $ ( '#n ka Tab li:eq(2) a' ). tab ( 'jira' ); // Tab sabanan sugandi (0-indexed) .
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 nav
and nav-tabs
classes fara tab kan ul
, o bɛna bootstrap tab styling waleya.
- <ul kalasi = "nav nav-tabs" >
- <li><a href = "#so" data-toggle = "tab" > So </a></li>
- <li><a href = "#profile" data-toggle = "tab" > Ɲɛjirali </a></li>
- <li><a href = "#cikanw" data-toggle = "tab" > Cikanw </a></li>
- <li><a href = "#settings" data-toggle = "tab" > Labɛnw </a></li>
- </ul>
A bɛ tab element ni kɔnɔkow minɛn dɔ baara. Tab ka kan ka kɛ ni a ye data-target
walima ni href
targeting a container node ye DOM kɔnɔ.
- <ul kalasi = "nav nav-tabs" id = "ne ka Tab" >
- <li kalasi = "baarakɛ" ><a href = "#so" > So </a></li>
- <li><a href = "#profil" > Ɲɛjirali </a></li>
- <li><a href = "#cikanw" > Cikanw </a></li>
- <li><a href = "#settings" > Labɛnw </a></li>
- </ul>
- <div kalasi = "tablo-kɔnɔkow" >
- <div kalasi = "tablo-pane active" id = "so" > ... </div>
- <div kalasi = "tab-pane" id = "profil" > ... </div>
- <div kalasi = "tab-pane" id = "cikanw" > ... </div>
- <div kalasi = "tab-pane" id = "labɛnw" > ... </div>
- </div> ye
- <sɛbɛnni>
- $ ( baara () { .
- $ ( '#n ka Tab a: laban' ). tab ( 'jira' );
- })
- </script> ye
Lajɛrɛ | Cogojirali |
---|---|
k'a jira | Nin ko in bɛ tasuma don tab jirali la, nka sanni tab kura ka jira. Baara kɛ event.target ni ani event.relatedTarget ye 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.target ni ani event.relatedTarget ye walasa ka tablo active ani tab active tɛmɛnen (ni o bɛ sɔrɔ) laɲini. |
- $ ( 'a[data-toggle="tab"]' ). kan ( 'jiralen' , baara ( e ) { .
- e . laɲini // tab min bɛ baara kɛ
- e . relatedTarget // tab tɛmɛnen
- })
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 telesarseI 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.
Baarakɛminɛnw ɲɛfɔli daminɛ javascript fɛ:
- $ ( '#misali' ). baarakɛminɛnw ( sugandiliw ) .
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: |
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.
- <a href = "#" rel = "baarakɛminɛnw" title = "baarakɛminɛn fɔlɔw" > i bolo digi ne kan </a>
A bɛ baarakɛminɛn dɔ nɔrɔ fɛnw lajɛlen dɔ la.
A bɛ element dɔ ka baarakɛminɛnw jira.
- $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'jira' ) .
A bɛ fɛn dɔ ka baarakɛminɛn dɔ dogo.
- $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'dogo' ) .
A bɛ fɛn dɔ ka baarakɛminɛnw sɛgɛsɛgɛli wuli.
- $ ( '#fɛn' ). baarakɛminɛnw ɲɛfɔli ( 'toggle' ) .
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 telesarseAw bɛ aw bolo digi butɔni kan walasa ka popover daminɛ.
Popoverw daminɛna javascript fɛ:
- $ ( '#misali' ). popover ( sugandiliw ) .
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: |
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.
A bɛ popovers daminɛ ka ɲɛsin element collection dɔ ma.
A bɛ elements popover dɔ jira.
- $ ( '#fɛn' ). popover ( 'jira' ) .
A bɛ dogo ni elements popover ye.
- $ ( '#fɛn' ). popover ( 'dogo' ) .
Toggles an éléments popover.
- $ ( '#fɛn' ). popover ( 'kɔnɔnafili' ) .
Kɔlɔsili-minɛn ye kalasi fitinin ye min bɛ Kɛ ka baarakɛcogo surun Fàra lasɔminiw kan.
Ka telesarizeKɔlɔsiliw plugin bɛ baara kɛ lasɔmini cikanw kan minnu bɛ kɛ tuma bɛɛ, ani cikanw bali.
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.
A’ ye lasɔmini dɔ bilali daminɛ javascript fɛ:
- $ ( ".kɔlɔsili" ). lasɔmini () .
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.
- <a kalasi = "dadon" data-dismiss = "kɔlɔsili" href = "#" > &waatiw; </a>
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 .fade
and .in
class (kalanso) bɛ u kan kaban.
A bɛ lasɔmini dɔ datugu.
- $ ( ".kɔlɔsili" ). alert ( 'dakun' ) .
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 close misali 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). |
- $ ( '#ne ka-lasɔmini' ). bind ( 'dafalen' , baara () { .
- // ka fɛn dɔ kɛ...
- })
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ɔ.
Baara kɛli ni collapse plugin ye, an ye accordéon style widget nɔgɔman dɔ jɔ:
A bɛ se ka baara kɛ ni javascript ye:
- $ ( ".dafalen" ). bɔgɔbɔgɔ () .
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 |
Dɔrɔn farali data-toggle="collapse"
ani a data-target
to element ka otomatiki assign control de un collapsible element. Attribut data-target
bɛ sɔn css sugandili ma walasa ka collapse kɛ a kan. Aw ye aw jija ka kalasi fara fɛn dɔ kan min bɛ collapse
se ka wuli. N'i b'a fɛ a ka da wuli, i ka kalansen wɛrɛ fara a kan in
.
- <button class = "btn btn-danger" data-toggle = "dafalen" kunnafoni-laɲini = "#demo" >
- nɔgɔman min bɛ se ka wuli
- </button> ye
- <div id = "demo" kalasi = "dafalen don" > ... </div>
data-parent="#selector"
. Aw ye demo lajɛ walasa ka nin ye wale la.
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
.
- $ ( '#ne ka Collapsible' ). bɔgɔbɔgɔ ({
- toggle : nkalon
- })
A bɛ fɛn dɔ wuli ka bɔ a nɔ na ka taa jira walima ka dogo.
A bɛ fɛn dɔ jira min bɛ se ka wuli.
A bɛ fɛn dɔ dogo min bɛ Se ka Dabɔ.
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 show misali 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 hide fɛɛ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). |
- $ ( '#ne ka Collapsible' ). kan ( 'dogolen' , baara () { .
- // ka fɛn dɔ kɛ...
- })
Aw ye slide jiracogo lajɛ min bɛ duguma.
Aw ye wele kɛ javascript fɛ:
- $ ( '.karɔsi' ). karosel () .
Tɔ̀gɔ | ka sɛbɛen masin na | fɔlɔ | cogojirali |
---|---|---|---|
cɛmancɛ | nimɔrɔ | 5000 ye | Waati hakɛ min ka kan ka bila kɔfɛ fɛn dɔ bolicogo otomatiki la. Ni nkalon don, carousel tɛna cycle kɛ a yɛrɛma. |
ka jɔ | gaari | "hover" ye. | A bɛ carousel ka cyclisme jɔ sosɛti donta kan ani ka carousel ka cyclisme daminɛ kokura mouseleave kan. |
Donanw ka fɛnw bɛ Kɛ ka ɲɛsin conrol tɛmɛnenw ni nataw ma. Aw ye misali taamasiyɛn lajɛ min bɛ duguma.
- <div id = "ne kaKarosel" kalasi = "karosel slide" >
- <!-- Karɔsi fɛnw -->
- <div kalasi = "karɔsi-kɔnɔna" >
- <div kalasi = "fɛn min bɛ baara kɛ" > ... </div>
- <div kalasi = "fɛn" > ... </div>
- <div kalasi = "fɛn" > ... </div>
- </div> ye
- <!-- Karosel nav -->
- <a class = "karosel-kunnafoni kinin fɛ" href = "#ne kaKarosel" data-slide = "kɔrɔlen" > ‹ </a>
- <a kalasi = "karosel-kunnafoni kinin fɛ" href = "#ne kaKarosel" data-slide = "nata" > › </a>
- </div> ye
A bɛ carousel daminɛ ni options options ye object
ani ka cycle daminɛ fɛnw fɛ.
- $ ( '.karɔsi' ). karɔsili ({
- cɛmancɛ : san 2000
- })
A bɛ cycle kɛ carousel fɛnw kɔnɔ ka bɔ numan fɛ ka taa kinin fɛ.
A bɛ carousel bali ka boli ka tɛmɛ fɛnw fɛ.
A bɛ carousel cycle kɛ ka taa frame kɛrɛnkɛrɛnnen dɔ la (0 basigilen, a bɛ tali kɛ array dɔ la).
Sikiliw bɛ taa fɛn tɛmɛnen na.
Sikiliw bɛ taa fɛn nata la.
Bootstrap ka carousel kalan bɛ ko fila jira ka ɲɛsin hooking ka carousel baarakɛcogo ma.
Lajɛrɛ | Cogojirali |
---|---|
ka cɛɛnɛ | O ko in bɛ tasuma Bɔ o yɔrɔnin bɛɛ ni slide misali fɛɛrɛ in Weele. |
sɔgɔsɔgɔ | O ko in bɛ Fɔ ni karɔsili ye a ka slide transition (slide) tigɛli dafa. |
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 telesarseAw bɛ sɛbɛnni daminɛ yɔrɔ la min bɛ duguma walasa ka sɛbɛnni ɲɛfɛ jaabiw jira.
Aw bɛ typeahead wele javascript fɛ:
- $ ( '.sɛbɛnni ɲɛfɛ' ). sɛbɛnni ɲɛfɛ () .
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 item min bɛ ɲininkali kɔrɔbɔ. Aw bɛ se ka ɲininkali kɛ sisan ni this.query . Segin boolean dɔ kan true ni ɲ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 items ani 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 item ani a bɛ ni typeahead instance ka scope ye. Ka kan ka segin html kan. |
Donanw ka fɛnw fara ɲɔgɔn kan walasa ka fɛn dɔ sɛbɛn ni typeahead baarakɛcogo ye.
- <doncogo suguya = "sɛbɛn" data-provide = "suguya ɲɛfɛ" >
A bɛ donnakow daminɛ ni typeahead ye.