Plugin modal nou an se yon fason super mens sou Plugin modal js tradisyonèl la, pran swen espesyal pou mete sèlman fonksyonalite vid ke nou mande isit la nan twitter.
Telechaje
- $ ( '#my-modal' ). modal ( opsyon )
Non | kalite | default | deskripsyon |
---|---|---|---|
seri | booleyen | fo | Gen ladann yon eleman modal-backdrop |
klavye | booleyen | fo | Fèmen modal la lè yo peze kle chape |
montre | booleyen | fo | Ouvè modal sou inisyalizasyon klas la |
Ou ka aktive modal sou paj ou a fasil san w pa bezwen ekri yon sèl liy javascript. Jis bay yon eleman yon data-controls-modal
atribi ki koresponn ak yon id eleman modal, epi lè klike sou, li pral lanse modal ou a. Pou ajoute opsyon modal, jis enkli yo kòm atribi done tou.
- <a class = "btn" data-controls-modal = "my-modal" data-backdrop = "true" > Lanse modal </a>
Avi Si ou vle modal ou a anime nan ak soti, jis ajoute yon .fade
klas nan .modal
eleman ou a (al gade nan Demo a pou wè sa a an aksyon).
Aktive kontni ou kòm yon modal. Aksepte yon opsyon opsyonèl object
.
- $ ( '#my-modal' ). modal ({
- closeOnEscape : vre
- })
Manyèlman aktive yon modal.
- $ ( '#my-modal' ). modal ( 'toggle' )
Manyèlman ouvè yon modal.
- $ ( '#my-modal' ). modal ( 'montre' )
Manyèlman kache yon modal.
- $ ( '#my-modal' ). modal ( 'kache' )
Retounen yon egzanp klas modal eleman.
- $ ( '#my-modal' ). modal ( vre )
Avi Altènativman, sa a ka rekipere ak $().data('modal')
.
Klas modal Bootstrap a ekspoze kèk evènman pou branche nan fonksyonalite modal.
Evènman | Deskripsyon |
---|---|
montre | Evènman sa a dife imedyatman lè yo show rele metòd egzanp lan. |
montre | Evènman sa a te tire lè modal la te fè vizib itilizatè a (ap tann pou tranzisyon css fini). |
kache | Evènman sa a te tire imedyatman lè yo hide te rele metòd egzanp lan. |
kache | Evènman sa a revoke lè modal la fini kache pou itilizatè a (ap tann pou tranzisyon CSS fini). |
- $ ( '#my-modal' ). mare ( 'kache' , fonksyon () {
- // fè yon bagay ...
- })
Plugin sa a se pou ajoute entèraksyon dropdown nan topbar bootstrap la oswa navigasyon onglet yo.
Telechaje
- $ ( '#topbar' ). dropdown ()
Pou ajoute byen vit fonksyonalite dropdown nan nenpòt eleman nav, sèvi ak data-dropdown
atribi a. Nenpòt dropdown valab bootstrap pral otomatikman aktive.
- <ul klas = "onglè" >
- <li class = "active" ><a href = "#" > Kay </a></li>
- <li class = "dropdown" data-dropdown = "dropdown" >
- <a href = "#" class = "dropdown-toggle" > Dropdown </a>
- <ul class = "meni dewoulman" >
- <li><a href = "#" > Segondè lyen </a></li>
- <li><a href = "#" > Yon lòt bagay isit la </a></li>
- <li class = "divider" ></li>
- <li><a href = "#" > Yon lòt lyen </a></li>
- </ul>
- </li>
- </ul>
Avi Si ui ou a gen plizyè dropdowns, konsidere ajoute data-dropdown
atribi a nan yon eleman veso ki pi enpòtan tankou .tabs
oswa .topbar
.
Yon API programatik pou aktive meni pou yon ba anlè oswa navigasyon onglet.
Plugin sa a se pou ajoute entèraksyon scrollspy (oto aktyalizasyon nav) nan topbar bootstrap la.
Telechaje
- $ ( '#topbar' ). dropdown ()
Pou ajoute fasilman konpòtman scrollspy nan nav ou, jis ajoute data-scrollspy
atribi a nan .topbar
.
- <div class = "topbar" data-scrollspy = "scrollspy" > ... </div>
Oto aktive bouton navigasyon pa itilizatè pozisyon woulo liv.
- $ ( 'kò > .topbar' ). scrollSpy ()
Avi Topbar tag jete lank yo dwe gen sib id ki ka rezoud. Pou egzanp, yon <a href="#home">home</a>
dwe koresponn ak yon bagay nan dom la tankou <div id="home"></div>
.
Scrollspy a kache bouton nav ak kowòdone seksyon pou pèfòmans. Si ou bezwen mete ajou kachèt sa a (gen anpil chans si ou gen kontni dinamik) jis rele metòd rafrechisman sa a. Si ou te itilize atribi done pou defini scrollspy ou, jis rele rafrechi sou kò a.
- $ ( 'kò' ). scrollspy ( 'refresh' )
Tcheke navigasyon nan topbar nan paj sa a.
Plugin sa a ajoute rapid, dinamik tab ak fonksyonalite grenn.
Telechaje
- $ ( '.tabs' ). onglè ()
Ou ka aktive yon tab oswa navigasyon grenn san yo pa ekri okenn javascript pa senpleman ba yo yon data-tabs
oswa data-pills
atribi.
- <ul class = "tabs" data-tabs = "onglets" > ... </ul>
Aktive fonksyon tab ak grenn pou yon veso bay yo. Lyen tab yo ta dwe referans id yo nan dokiman an.
- <ul klas = "onglè" >
- <li class = "active" ><a href = "#home" > Kay </a></li>
- <li><a href = "#profile" > Profile </a></li>
- <li><a href = "#messages" > Mesaj </a></li>
- <li><a href = "#settings" > Anviwònman </a></li>
- </ul>
- <div class = "pill-content" >
- <div class = "active" id = "kay" > ... </div>
- <div id = "pwofil" > ... </div>
- <div id = "mesaj" > ... </div>
- <div id = "anviwònman" > ... </div>
- </ul>
- <script>
- $ ( fonksyon () {
- $ ( '.tabs' ). onglè ()
- })
- </script>
Denim kri ou pwobableman pa te tande pale de yo pantalon pantalon jean Austin. Nesciunt tofou stumptown aliqua, rétro synth mèt netwaye. Moustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit bouche retro kefiyeh dreamcatcher synth. Cosby sweater eu banh mi, ki irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher 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.
Ki baze sou ekselan plugin jQuery.tipsy ki ekri pa Jason Frame; twipsy se yon vèsyon ki ajou, ki pa konte sou imaj, ki sèvi ak css3 pou animasyon, ak done-atribi pou depo tit!
Telechaje
- $ ( '#egzanp' ). twipsy ( opsyon )
Non | kalite | default | deskripsyon |
---|---|---|---|
anime | booleyen | vre | aplike yon tranzisyon fade css nan konsèy la |
reta nan | nimewo | 0 | reta anvan ou montre konsèy zouti (ms) |
delayOut | nimewo | 0 | reta anvan kache konsèy zouti (ms) |
repli | fisèl | '' | tèks pou itilize lè pa gen tit enfòmasyon ki prezan |
plasman | fisèl | 'anwo' | ki jan yo pozisyon konsèy la - pi wo a | anba | kite | dwa |
html | booleyen | fo | pèmèt kontni html nan tooltip |
viv | booleyen | fo | sèvi ak delegasyon evènman olye de moun kap okipe evènman yo |
konpanse | nimewo | 0 | piksèl konpanse nan konsèy zouti soti nan eleman sib |
tit | fisèl | fonksyon | 'tit' | atribi oswa metòd pou rekipere tèks tit |
deklanche | fisèl | 'plane' | kijan tooltip deklanche - hover | konsantre | manyèl |
Tache yon moun kap okipe twipsy nan yon koleksyon eleman.
Revele yon eleman twipsy.
- $ ( '#eleman' ). twipsy ( 'montre' )
Kache yon eleman twipsy.
- $ ( '#eleman' ). twipsy ( 'kache' )
Retounen yon egzanp klas twipsy eleman.
- $ ( '#eleman' ). twipsy ( vre )
Avi Altènativman, sa a ka rekipere ak $().data('twipsy')
.
Pantalon sere pwochen nivo keffiyeh ou pwobableman pa te tande pale de yo. Photo Booth bab kri abako letterpress vegan mesaje sak stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american clothing gen yon terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofou biodiesel williamsburg marfa, kat loko Mcsweeney a netwaye vegan chambray. Yon atizan vrèman ironik kèlkeswa keytar, scenester fèm-a-tab banksy Austin twitter manch freegan kredi kri abako sèl-orijin kafe viral.
Plugin popover a bay yon koòdone senp pou ajoute popovers nan aplikasyon w lan. Li pwolonje plugin boostrap-twipsy.js la , kidonk asire w ke ou gen tan pwan fichye sa a tou lè w gen ladann popovers nan pwojè ou a!
Telechaje
- $ ( '#egzanp' ). popover ( opsyon )
Non | kalite | default | deskripsyon |
---|---|---|---|
anime | booleyen | vre | aplike yon tranzisyon fade css nan konsèy la |
reta nan | nimewo | 0 | reta anvan ou montre konsèy zouti (ms) |
delayOut | nimewo | 0 | reta anvan kache konsèy zouti (ms) |
repli | fisèl | '' | tèks pou itilize lè pa gen tit enfòmasyon ki prezan |
plasman | fisèl | 'dwa' | ki jan yo pozisyon konsèy la - pi wo a | anba | kite | dwa |
html | booleyen | fo | pèmèt kontni html nan tooltip |
viv | booleyen | fo | sèvi ak delegasyon evènman olye de moun kap okipe evènman yo |
konpanse | nimewo | 0 | piksèl konpanse nan konsèy zouti soti nan eleman sib |
tit | fisèl | fonksyon | 'tit' | atribi oswa metòd pou rekipere tèks tit |
kontni | fisèl | fonksyon | 'done-kontni' | atribi oswa metòd pou rekipere tèks kontni |
deklanche | fisèl | 'plane' | kijan tooltip deklanche - hover | konsantre | manyèl |
Inisyalize popovers pou yon koleksyon eleman.
Revele yon popover eleman.
- $ ( '#eleman' ). popover ( 'montre' )
Kache yon popover eleman.
- $ ( '#eleman' ). popover ( 'kache' )
Plugin alèt la se yon klas super ti pou ajoute fonksyonalite fèmen nan alèt yo.
Telechaje
- $ ( ".alèt-mesaj" ). alèt ()
Jis ajoute yon data-alert
atribi nan mesaj alèt ou yo otomatikman ba yo fonksyonalite fèmen.
Anvlope tout alèt ak fonksyonalite fèmen. Pou gen alèt ou yo anime lè yo fèmen, asire w ke yo gen .fade
ak .in
klas la deja aplike nan yo.
Fèmen yon alèt.
- $ ( ".alèt-mesaj" ). alèt ( 'fèmen' )