Míaƒe Modal plugin nye super slim xɔ le dekɔnu modal js plugin, lé ŋku ɖe eŋu etɔxɛe be woade dɔwɔwɔ ƒuƒlu ko si míebia le afisia le twitter.
Hee ɖa anyi
- $ ( '#nye-modal' ). modal ( tiatiawɔblɔɖewo ) .
Ŋkɔ | ƒomevi | gᴐmedzeƒe | nuɖᴐɖᴐ |
---|---|---|---|
megbenyawo | boolean, kaƒoƒo | alakpa | Modal-backdrop ƒe akpa aɖe hã le eme. Ðo backdrop ɖe "static" ne mèdi be modal la natu ne wozi backdrop la dzi o. |
keyboard dzi | boolean ƒe ƒuƒoƒo | alakpa | Doa modal la ne wozi escape key dzi |
ɖe fia | boolean ƒe ƒuƒoƒo | alakpa | Ʋu modal le klass ƒe gɔmedzedze |
Àte ŋu awɔ modals ŋudɔ le wò axa dzi bɔbɔe evɔ mahiã be nàŋlɔ javascript ƒe fli ɖeka pɛ hã o. Ðeko nàna element aɖe data-controls-modal
nɔnɔme si sɔ kple modal element id, eye ne èzi edzi la, adze wò modal gɔme. Be nàtsɔ modal tiatiawo akpe ɖe eŋu la, ɖeko nàde wo abe nyatakaka nɔnɔmewo hã ene.
- <a class = "btn" data-controls-modal = "nye-modal" nyatakaka-megbenya = "static" > Dze Modal gɔme </a>
De dzesii Ne èdi be yeƒe modal nawɔ agbe le eme kple egodo la, ɖeko nàtsɔ .fade
klass aɖe akpe ɖe wò .modal
element ŋu (kpɔ demo la be nàkpɔ esia le dɔwɔwɔ me).
Ewɔa wò nyatakakawo ŋudɔ abe modal ene. Lɔ̃ ɖe tiatia siwo woate ŋu awɔ le wo ɖokui si dzi object
.
- $ ( '#nye-modal' ). modal ({ ) .
- keyboard : nyateƒee
- }) ƒe .
Asitɔtrɔ le modal aɖe ŋu.
- $ ( '#nye-modal' ). modal ( 'trɔ asi le eŋu' ) .
Eʋua modal aɖe kple asi.
- $ ( '#nye-modal' ). modal ( 'ɖee fia' ) .
Asi ɣlaa modal aɖe.
- $ ( '#nye-modal' ). modal ( 'ɣla' ) .
Trɔ elements modal klass ƒe kpɔɖeŋu.
- $ ( '#nye-modal' ). modal ( nyateƒe ) .
De dzesii Alo àte ŋu axɔ esia kple $().data('modal')
.
Bootstrap ƒe modal klass ɖea nudzɔdzɔ ʋee aɖewo ɖe go na hooking ɖe modal dɔwɔwɔ me.
Nudzᴐdzᴐ | Nuɖᴐɖᴐ |
---|---|
ɖe fia | Nudzɔdzɔ sia doa dzo enumake ne woyɔ show kpɔɖeŋu mɔnu la. |
woɖee fia | Woɖea nudzɔdzɔ sia ne wowɔ modal la be wòadze na zãla (alala be css ƒe tɔtrɔwo nawu enu). |
be | Woɖea nudzɔdzɔ sia ɖa enumake ne woyɔ hide instance mɔnu la. |
si le ɣaɣlame | Woɖea nudzɔdzɔ sia ne modal la ɣla ɖe zãla la vɔ (alala be css ƒe tɔtrɔwo nawu enu). |
- $ ( '#nye-modal' ). bind ( 'ɣla' , dɔwɔwɔ () { .
- // wɔ nane ...
- }) ƒe .
Plugin sia nye na tsɔtsɔ kpe ɖe dropdown interaction ŋu ɖe bootstrap topbar alo tabbed navigations ŋu.
Hee ɖa anyi
- $ ( '#topbar' ). si le fli dzi () .
Be nàtsɔ dropdown dɔwɔwɔ akpe ɖe nav element ɖesiaɖe ŋu kaba la, zã data-dropdown
nɔnɔmea. Bootstrap ƒe dropdown ɖesiaɖe si sɔ la awɔ dɔ le eɖokui si.
- <ul klass = "tabs" >
- <li klass = "dɔwɔwɔ" ><a href = "#" > Aƒe </a></li>
- <li class = "dropdown" data-dropdown = "ɖiɖiɖeme" >
- <a href = "#" class = "ɖe-toggle" > Nusiwo wotsɔna ƒua gbe </a>
- <ul class = "nusiwo le tsia dzi" >
- <li><a href = "#" > Kadodo evelia </a></li>
- <li><a href = "#" > Nu bubu aɖe le afisia </a></li>
- <li klass = "mamã" </li>
- <li><a href = "#" > Kadodo bubu </a></li>
- </ul> ƒe nyawo
- </li> ƒe akpa aɖe
- </ul> ƒe nyawo
De dzesii Ne wò ui ƒe ʋuʋudedi geɖewo le eme la, bu data-dropdown
nɔnɔmea tsɔtsɔ kpe ɖe nugoe ƒe akpa si ɖe dzesi wu ŋu abe .tabs
alo .topbar
.
Programatic api na menuwo ƒe dɔwɔwɔ na topbar alo tabbed navigation si wona.
Plugin sia nye na scrollspy (auto updating nav) ƒe kadodoa tsɔtsɔ kpe ɖe bootstrap topbar la ŋu.
Hee ɖa anyi
- $ ( '#topbar' ). agbalẽ xatsaxatsaSpy () .
Be nàtsɔ scrollspy nuwɔna akpe ɖe wò nav ŋu bɔbɔe la, ɖeko nàtsɔ data-scrollspy
nɔnɔmea akpe ɖe .topbar
.
- <div klass = "tamexɔ" data-scrollspy = "ŋlɔɖiwo" > ... </div>
Auto wɔa mɔfiame ƒe abɔtawo ŋudɔ to ezãlawo ƒe ʋuʋu ƒe nɔƒe dzi.
- $ ( 'ŋutilã > .topbar' ). agbalẽ xatsaxatsaSpy () .
De dzesii Ele be id taɖodzinu siwo woate ŋu akpɔ gbɔ nanɔ Topbar anchor tags ŋu. Le kpɔɖeŋu me, ele be a <a href="#home">home</a>
nasɔ kple nane si le dom la me abe <div id="home"></div>
.
Scrollspy la dzraa nav ƒe abɔtawo kple akpa ƒe nɔnɔmetatawo ɖo hena dɔwɔwɔ. Ne ehiã be nàwɔ cache sia yeyee (anɔ eme nenye be nyatakaka siwo trɔna le asiwò) la, yɔ gbugbɔgawɔ mɔnu sia ko. Ne èzã data attribute tsɔ ɖe wò scrollspy gɔme la, ɖeko nàyɔ refresh le ŋutilã la dzi.
- $ ( 'ŋutilã' ). scrollSpy ( 'gbugbɔ' ) .
Kpɔ the topbar ƒe mɔfiame si le axa sia dzi la ɖa.
Plugin sia tsɔa tab kple pill ƒe dɔwɔwɔ kabakaba, si trɔna la kpena ɖe eŋu.
Hee ɖa anyi
- $ ( '.tabs' ). tabwo () .
Àte ŋu awɔ tab alo pill navigation dɔ evɔ nàŋlɔ javascript aɖeke o to a data-tabs
alo data-pills
attribute nana wo ko me.
- <ul klass = "tabs" nyatakaka-tabs = "tabs" > ... </ul>
Ewɔa tab kple pill ƒe dɔwɔwɔ ŋudɔ na nugoe aɖe si wona. Ele be tab kadodowo nafia id's le nuŋlɔɖia me.
- <ul klass = "tabs" >
- <li klass = "dɔwɔwɔ" ><a href = "#aƒe" > Aƒe </a></li>
- <li><a href = "#nyatakakadzraɖoƒe" > Nɔnɔmetata </a></li>
- <li><a href = "#gbedasiwo" > Gbedasiwo </a></li>
- <li><a href = "#ɖoɖowo" > Ðoɖowo </a></li>
- </ul> ƒe nyawo
- <div class = "atikekui-nusiwo le eme" >
- <div klass = "dɔwɔwɔ" id = "aƒe" > ... </div>
- <div id = "nɔnɔmetata" > ... </div>
- <div id = "gbedasiwo" > ... </div>
- <div id = "ɖoɖowo" > ... </div>
- </div> ƒe nyawo
- <ŋɔŋlɔdzesi>
- $ ( dɔwɔwɔ () { .
- $ ( '.tabs' ). tabwo () .
- }) ƒe .
- </script> ƒe nyawo
Nudzᴐdzᴐ | Nuɖᴐɖᴐ |
---|---|
trɔ | Nudzɔdzɔ sia doa dzo ɖe tab tɔtrɔ dzi. Zã event.target kple event.relatedTarget nàtsɔ aɖo taɖodzinu na tab si le dɔ wɔm kple tab si le dɔ wɔm va yi la ɖe wo nɔewo yome. |
- $ ( '#.tabs' ). bind ( 'trɔ' , dɔwɔwɔ ( e ) { .
- e . taɖodzinu // tab si wowɔ dɔ le
- e . relatedTarget // tab si do ŋgɔ
- }) ƒe .
Raw denim ɖewohĩ mèse wo ŋkɔ kpɔ o jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth aƒetɔ kɔklɔ. Aɖatsiwo ƒe nyagbɔgblɔ ɣeyiɣi kpui aɖe, williamsburg carles vegan helvetica. Reprehenderit lãwula retro keffiyeh drɔ̃ekukula synth. Cosby ƒe awudziwui eu banh mi, qui irure terry richardson ex squid. Aliquip placeat lãwo ƒe lãmesẽfefewɔlawo ƒe iphone. Seitan aliquip quis cardigan amerikatɔwo ƒe awudodo, lãwula 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.
Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.
Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.
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.
Wotue ɖe jQuery.tipsy ƒe kpeɖeŋutɔ nyuitɔ kekeake si Jason Frame ŋlɔ dzi; twipsy nye tɔtrɔ yeye aɖe, si meɖoa ŋu ɖe nɔnɔmetatawo ŋu o, ezãa css3 hena nɔnɔmetatawo wɔwɔ, kple data-attributes hena tanyawo dzraɖoƒe!
Hee ɖa anyi
- $ ( '#kpɔɖeŋu' ). twipsy ( tiatia siwo woawɔ ) .
Ŋkɔ | ƒomevi | gᴐmedzeƒe | nuɖᴐɖᴐ |
---|---|---|---|
agbenɔƒe | boolean ƒe ƒuƒoƒo | nyateƒe | zã css fade ƒe tɔtrɔ ɖe dɔwɔnu ƒe aɖaŋuɖoɖoa dzi |
delayIn | xexlẽdzesi | 0. | megbedede hafi woaɖe dɔwɔnu ƒe aɖaŋuɖoɖo (ms) afia . |
delayOut ƒe nuwuwu | xexlẽdzesi | 0. | megbedede hafi aɣla dɔwɔnu ƒe aɖaŋuɖoɖo (ms) . |
fallback ƒe megbedede | ka | '' . | nuŋɔŋlɔ si woazã ne dɔwɔnu ƒe tanya aɖeke meli o |
ɖoɖo ɖe teƒe aɖe | ka | 'dzi me' | alesi woaɖo dɔwɔnu ƒe aɖaŋuɖoɖoa ɖe teƒe - le etame | le ete | miame | nyui |
html | boolean ƒe ƒuƒoƒo | alakpa | ɖe mɔ na html me nyawo le dɔwɔnu ƒe aɖaŋuɖoɖo me |
nɔ agbe | boolean ƒe ƒuƒoƒo | alakpa | zã nudzɔdzɔwo ƒe amedɔdɔ ɖe nudzɔdzɔwo gbɔ kpɔla ɖekaɖekawo teƒe |
offset ƒe ƒuƒoƒo | xexlẽdzesi | 0. | pixel offset of dɔwɔnu ƒe aɖaŋuɖoɖo tso taɖodzinu element |
tanya | ka, dɔwɔwɔ | 'tanya' | nɔnɔme alo mɔnu si dzi woato axɔ tanya ƒe nuŋɔŋlɔ |
daƒe | ka | 'hover'. | alesi wodzea dɔwɔnu ƒe aɖaŋuɖoɖo gɔmee - hover | susu tsɔtsɔ ɖo nu ŋu | asi nu |
ƒe nɔnɔmetata | ka | [dzesideŋkɔ si woɖo ɖi]. | html ƒe nɔnɔmetata si wozãna hena twipsy gɔmeɖeɖe. |
De dzesii Woateŋu agblɔ twipsy kpɔɖeŋu tiatia ɖekaɖekawo le mɔ bubu nu to nyatakaka nɔnɔmewo zazã me.
- <a href = "#" data-placement = "ete" rel = 'twipsy' tanya = 'Tanya ƒe nuŋɔŋlɔ aɖewo' > nuŋɔŋlɔ </a>
Tsɔ twipsy handler kpe ɖe element nuƒoƒoƒu ŋu.
Eɖea elements twipsy aɖe fiana.
- $ ( '#nu vevi aɖe' ). twipsy ( 'ɖee fia' ) .
Hides an elements twipsy.
- $ ( '#nu vevi aɖe' ). twipsy ( 'ɣla' ) .
Trɔ elements twipsy klass ƒe kpɔɖeŋu.
- $ ( '#nu vevi aɖe' ). twipsy ( nyateƒe ) .
De dzesii Alo àte ŋu axɔ esia kple $().data('twipsy')
.
Tight pants next level keffiyeh ɖewohĩ mèse wo ŋkɔ kpɔ o. Fotoɖeƒe ɖaɖa raw denim letterpress vegan dɔla kotoku stumptown. Agble-to-kplɔ̃ seitan, mcsweeney ƒe fixie si li tegbee quinoa 8-bit american awuwo le terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo dziɖegbe ƒe avuwo. Tofu biodiesel williamsburg marfa, ene loko mcsweeney ƒe kɔ vegan chambray. A nyateƒe nukokoedonamela aɖaŋudɔwɔla nuka kee keytar, scenester agble-ɖe-kplɔ̃ banksy Austin twitter asi freegan cred raw denim ɖeka-dzɔtsoƒe kɔfi viral.
Popover ƒe kpeɖeŋutɔa naa ŋgɔdonya bɔbɔe aɖe si dzi nàto atsɔ popovers akpe ɖe wò dɔwɔɖoɖoa ŋu. Ekeke bootstrap-twipsy.js ƒe kpeɖeŋutɔ ɖe enu, eyata kpɔ egbɔ be yelé faɛl ma hã ne èle popovers dem wò dɔa me!
De dzesii Ele be nàde bootstrap-twipsy.js faɛl la hafi bootstrap-popover.js.
Hee ɖa anyi
- $ ( '#kpɔɖeŋu' ). popover ( tiatia siwo woawɔ ) .
Ŋkɔ | ƒomevi | gᴐmedzeƒe | nuɖᴐɖᴐ |
---|---|---|---|
agbenɔƒe | boolean ƒe ƒuƒoƒo | nyateƒe | zã css fade ƒe tɔtrɔ ɖe dɔwɔnu ƒe aɖaŋuɖoɖoa dzi |
delayIn | xexlẽdzesi | 0. | megbedede hafi woaɖe dɔwɔnu ƒe aɖaŋuɖoɖo (ms) afia . |
delayOut ƒe nuwuwu | xexlẽdzesi | 0. | megbedede hafi aɣla dɔwɔnu ƒe aɖaŋuɖoɖo (ms) . |
fallback ƒe megbedede | ka | '' . | nuŋɔŋlɔ si woazã ne dɔwɔnu ƒe tanya aɖeke meli o |
ɖoɖo ɖe teƒe aɖe | ka | 'nyui' | alesi woaɖo dɔwɔnu ƒe aɖaŋuɖoɖoa ɖe teƒe - le etame | le ete | miame | nyui |
html | boolean ƒe ƒuƒoƒo | alakpa | ɖe mɔ na html me nyawo le dɔwɔnu ƒe aɖaŋuɖoɖo me |
nɔ agbe | boolean ƒe ƒuƒoƒo | alakpa | zã nudzɔdzɔwo ƒe amedɔdɔ ɖe nudzɔdzɔwo gbɔ kpɔla ɖekaɖekawo teƒe |
offset ƒe ƒuƒoƒo | xexlẽdzesi | 0. | pixel offset of dɔwɔnu ƒe aɖaŋuɖoɖo tso taɖodzinu element |
tanya | ka, dɔwɔwɔ | 'tanya' | nɔnɔme alo mɔnu si dzi woato axɔ tanya ƒe nuŋɔŋlɔ |
eme nuwo | ka, dɔwɔwɔ | 'nyatakaka-menyawo'. | ka alo mɔnu aɖe si dzi woato axɔ emenyawo ƒe nuŋɔŋlɔ. ne wometsɔ ɖeke na o la, woaɖe nyatakakawo tso data-content ƒe nɔnɔme aɖe me. |
daƒe | ka | 'hover'. | alesi wodzea dɔwɔnu ƒe aɖaŋuɖoɖo gɔmee - hover | susu tsɔtsɔ ɖo nu ŋu | asi nu |
ƒe nɔnɔmetata | ka | [dzesideŋkɔ si woɖo ɖi]. | html ƒe nɔnɔmetata si wozãna tsɔ ɖea popover gɔme. |
De dzesii Woateŋu agblɔ popover ƒe kpɔɖeŋu tiatia ɖekaɖekawo le mɔ bubu nu to nyatakaka ƒe nɔnɔmewo zazã me.
- <a nyatakaka-ɖoɖo = "ete" href = "#" klass = "btn afɔku" rel = "popover" > nuŋɔŋlɔ </a>
Edzea popovers gɔme na element nuƒoƒoƒu.
Eɖea elements popover aɖe fiana.
- $ ( '#nu vevi aɖe' ). popover ( 'ɖee fia' ) .
Ɣla elementwo ƒe popover aɖe.
- $ ( '#nu vevi aɖe' ). popover ( 'ɣla' ) .
Nuxlɔ̃ame ƒe kpeɖeŋutɔ nye super tiny klass na tsɔtsɔ kpe ɖe dɔwɔwɔ kplikplikpli ŋu na nuxlɔ̃amewo.
Hee ɖa anyi
- $ ( ".nuxlɔ̃ame-gbedasi" ). nuxlɔ̃ame () .
Ðeko nàtsɔ data-alert
nɔnɔme aɖe akpe ɖe wò nuxlɔ̃ame gbedasiwo ŋu be wòana woa ŋutɔwo nawɔ dɔ kplikplikpli.
Ŋkɔ | ƒomevi | gᴐmedzeƒe | nuɖᴐɖᴐ |
---|---|---|---|
tiatiawɔla | ka | '.tu' | Tiatiawɔnu kae woaɖo taɖodzinu na hena nuxlɔ̃ame aɖe ƒe nuwuwu. |
Bla nuxlɔ̃amewo katã kple dɔwɔwɔ kplikplikpli. Be wò nuxlɔ̃amewo nawɔ dɔ ne wotu la, kpɔ egbɔ be wowɔ .fade
kple .in
klass la le wo ŋu xoxo.
Etua nuxlɔ̃ame aɖe.
- $ ( ".nuxlɔ̃ame-gbedasi" ). alert ( 'tu ɖe eŋu' ) .