Modal plugin ea rona e tšesaane haholo ho plugin ea setso ea modal js, e nkang tlhokomelo e khethehileng ho kenyelletsa feela ts'ebetso e se nang letho eo re e hlokang mona ho twitter.
Khoasolla
- $ ( '#modal-ya ka' ). modal ( likhetho )
Lebitso | mofuta | ya kamehla | tlhaloso |
---|---|---|---|
bokamorao | boolean | bohata | E kenyelletsa karolo ea modal-backdrop |
keyboard | boolean | bohata | E koala modal ha konopo ea escape e tobetsoa |
bontsha | boolean | bohata | E bula mokhoa oa ho qala sehlopha |
U ka kenya li-modals leqepheng la hau habonolo ntle le ho ngola mola o le mong oa javascript. Fana feela ka elemente data-controls-modal
tšobotsi e tsamaellanang le id ea modal element, 'me ha e tobetse, e tla tsebisa modal ea hau. Ho eketsa likhetho tsa modal, li kenyelle feela joalo ka litšobotsi tsa data.
- <a class = "btn" data-controls-modal = "my-modal" data-backdrop = "nete" > Mokhoa oa ho qala </a>
Tlhokomeliso Haeba u batla hore modal ea hau e phele le ho tsoa, eketsa .fade
sehlopha ho element ea hau .modal
(sheba demo ho bona sena se sebetsa).
E kenya tšebetsong litaba tsa hau joalo ka mokhoa. E amohela khetho ea boikhethelo object
.
- $ ( '#modal-ya ka' ). mokhoa ({
- closeOnEscape : 'nete
- })
E fetola modal ka letsoho.
- $ ( '#modal-ya ka' ). modal ( 'toggle' )
E bula modal ka letsoho.
- $ ( '#modal-ya ka' ). modal ( 'show' )
E pata modal ka letsoho.
- $ ( '#modal-ya ka' ). modal ( 'hide' )
E khutlisa mohlala oa maemo a modal.
- $ ( '#modal-ya ka' ). modal ( 'nete )
Hlokomela Ntle le moo, sena se ka khutlisoa ka $().data('modal')
.
Sehlopha sa modal sa Bootstrap se pepesa liketsahalo tse 'maloa tsa ho hokahana le ts'ebetso ea modal.
Ketsahalo | Tlhaloso |
---|---|
bontsha | Ketsahalo ena e tuka hang hang ha show mokhoa oa mohlala o bitsoa. |
bontshitswe | Ketsahalo ena e ts'oaroa ha modal e entsoe hore e bonahale ho mosebelisi (e tla emela hore liphetoho tsa css li phethehe). |
pata | Ketsahalo ena e lelekoa hang hang ha hide mokhoa oa mohlala o bitsoa. |
patiloeng | Ketsahalo ena e ts'oaroa ha modal e qeta ho patoa ho mosebelisi (e tla emela hore liphetoho tsa css li phethehe). |
- $ ( '#modal-ya ka' ). tlama ( 'e patiloeng' , mosebetsi () {
- // etsa ntho e itseng ...
- })
Plugin ena ke ea ho eketsa tšebelisano ea ho theoha ho topbar ea bootstrap kapa li-navigation tsa li-tabbed.
Khoasolla
- $ ( '#topbar' ). ho theoha ()
Ho eketsa ts'ebetso ea ho theoha kapele ho ntho efe kapa efe ea nav, sebelisa data-dropdown
tšobotsi. Ho theoha hofe kapa hofe ho nepahetseng ha bootstrap ho tla kengoa tšebetsong.
- <ul class = "tabs" >
- <li class = "active" ><a href = "#"> Lehae </a></li >
- <li class = "dropdown" data-dropdown = "dropdown" >
- <a href = "#" class = "dropdown-toggle"> Dropdown </a> _
- <ul class = "dropdown-menu" >
- <li><a href = "#"> Sehokelo sa bobedi </a></li>
- <li><a href = "#"> Ho hong hape mona </a></li>
- <li class = "divider" > </li>
- <li><a href = "#"> Sehokelo se seng </a></li>
- </ul>
- </li>
- </ul>
Hlokomela Haeba ui ea hau e na le li-dropdown tse 'maloa, nahana ka ho kenyelletsa data-dropdown
tšobotsi ho karolo ea bohlokoa ea sets'oants'o joalo ka .tabs
kapa .topbar
.
Lenaneo la api bakeng sa ho kenya dimenu bakeng sa topbar e itseng kapa navigation e nang le dithebe.
Plugin ena ke ea ho kenyelletsa tšebelisano ea scrollspy (auto updating nav) ho topbar ea bootstrap.
Khoasolla
- $ ( '#topbar' ). ho theoha ()
Ho eketsa habonolo boitšoaro ba scrollspy ho nav ea hau, kenya feela data-scrollspy
tšobotsi ho .topbar
.
- <div class = "topbar" data-scrollspy = "scrollpy" > ... </div>
E kenya tshebetsong dikonopo tsa ho tsamaya ka bohona ka hore basebelisi ba tsamaise maemo.
- $ ( 'mele > .topbar' ). scrollSpy ()
Hlokomela Li-tag tsa anchor tsa Topbar li tlameha ho ba le lipehelo tsa id tse rarolloang. Ka mohlala, ntho e <a href="#home">home</a>
tlameha ho lumellana le ntho e ka dom e kang <div id="home"></div>
.
The scrollspy caches nav dikonopo le likarolo tse hokahanyang bakeng sa tshebetso. Haeba u hloka ho nchafatsa cache ena (mohlomong haeba u na le litaba tse matla) letsetsa mokhoa ona oa ho khatholla. Haeba u sebelisitse tšobotsi ea data ho hlalosa scrollpy ea hau, letsetsa feela ho khatholla 'meleng.
- $ ( 'mele' ). scrollspy ( 'refresh' )
Sheba ho navigation ea topbar leqepheng lena.
Plugin ena e eketsa ts'ebetso ea tabo e potlakileng, e matla le lipilisi.
Khoasolla
- $ ( '.li-tabs' ). li-tab ()
O ka kenya ts'ebetso ea "tabo" kapa "pilisi" ntle le ho ngola javascript leha e le efe ka ho ba fa tšobotsi data-tabs
kapa data-pills
tšobotsi.
- <ul class = "tabs" data-tabs = "tabs" > ... </ul>
E kenya tshebetsong tabo le dipilisi bakeng sa setshelo se itseng. Lihokelo tsa li-tab li lokela ho supa id tokomaneng.
- <ul class = "tabs" >
- <li class = "active" ><a href = "#home"> Lehae </a></li >
- <li><a href = "#profile"> Profile </a> </li>
- <li><a href = "#melaetsa"> Melaetsa </a> </li>
- <li><a href = "#settings"> Litlhophiso </a> </li>
- </ul>
- <div class = "pill-content" >
- <div class = "active" id = "lehae" > ... </div>
- <div id = "profile" > ... </div>
- <div id = "melaetsa" > ... </div>
- <div id = "litlhophiso" > ... </div>
- </ul>
- <script>
- $ ( mosebetsi () {
- $ ( '.li-tabs' ). li-tab ()
- })
- </script>
Raw denim mohlomong ha u e-s'o utloe ka bona li-jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui 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.
E ipapisitse le plugin e ntle haholo ea jQuery.tipsy e ngotsoeng ke Jason Frame; twipsy ke mofuta o ntlafalitsoeng, o sa itšetleheng ka litšoantšo, o sebelisa css3 bakeng sa litšoantšo, le litšobotsi tsa data bakeng sa polokelo ea sehlooho!
Khoasolla
- $ ( '#mohlala' ). twipsy ( likhetho )
Lebitso | mofuta | ya kamehla | tlhaloso |
---|---|---|---|
phedisa | boolean | 'nete | sebelisa phetoho ea css fade ho tooltip |
delayIn | palo | 0 | tieho pele o hlahisa lisebelisoa (ms) |
delayOut | palo | 0 | tieho pele u pata sesebelisoa (ms) |
boela morao | khoele | '' | mongolo o ka sebelisoang ha ho se na sehlooho se hlahang |
ho beha | khoele | 'holimo' | mokhoa oa ho beha tooltip - ka holimo | ka tlase | le letšehali | hantle |
html | boolean | bohata | e lumella litaba tsa html ka har'a sesebelisoa |
phela | boolean | bohata | sebelisa moifo oa liketsahalo ho fapana le ho sebetsana le liketsahalo ka bomong |
offset | palo | 0 | pixel offset ea tooltip ho tloha ho target element |
sehlooho | khoele | tshebetso | 'sehlooho' | tshobotsi kapa mokgoa wa ho thola mongolo wa sehlooho |
qhoqhoa | khoele | 'hover' | kamoo tooltip e hlahisoang kateng - hover | tsepamisa | tataiso |
E hokela twipsy handler ho pokello ea element.
E senola likarolo tse peli.
- $ ( '#element' ). twipsy ( 'show' )
E pata likarolo tsa twipsy.
- $ ( '#element' ). twipsy ( 'hide' )
E khutlisa mohlala oa likarolo tsa twipsy.
- $ ( '#element' ). twipsy ( 'nete )
Hlokomela Ntle le moo, sena se ka khutlisoa ka $().data('twipsy')
.
Borikhoe bo thata bo latelang keffiyeh mohlomong ha u so utloe ka bona. Photo booth litelu tse tala tsa denim letterpress vegan messenger bag stumptown. Seaparo sa polasi-to-tafola seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparse e na le terry richardson vinyl chambray. Litelu stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. Setsebi se makatsang , leha e le sefe se ka sehloohong, polasi ea litšoantšo ea Austin twitter e sebetsana le li-freegan cred raw denim single-origin coffee viral.
Plugin ea popover e fana ka sebopeho se bonolo sa ho eketsa popover ho sesebelisoa sa hau. E atolosa plugin ea boostrap-twipsy.js , kahoo e-ba bonnete ba hore u tšoara faele eo hape ha u kenyelletsa popover morerong oa hau!
Khoasolla
- $ ( '#mohlala' ). popover ( likhetho )
Lebitso | mofuta | ya kamehla | tlhaloso |
---|---|---|---|
phedisa | boolean | 'nete | sebelisa phetoho ea css fade ho tooltip |
delayIn | palo | 0 | tieho pele o hlahisa lisebelisoa (ms) |
delayOut | palo | 0 | tieho pele u pata sesebelisoa (ms) |
boela morao | khoele | '' | mongolo o ka sebelisoang ha ho se na sehlooho se hlahang |
ho beha | khoele | 'ho lokile' | mokhoa oa ho beha tooltip - ka holimo | ka tlase | le letšehali | hantle |
html | boolean | bohata | e lumella litaba tsa html ka har'a sesebelisoa |
phela | boolean | bohata | sebelisa moifo oa liketsahalo ho fapana le ho sebetsana le liketsahalo ka bomong |
offset | palo | 0 | pixel offset ea tooltip ho tloha ho target element |
sehlooho | khoele | tshebetso | 'sehlooho' | tshobotsi kapa mokgoa wa ho thola mongolo wa sehlooho |
dikahare | khoele | tshebetso | 'litaba tsa data' | semelo kapa mokgoa wa ho thola sengolwa sa dikahare |
qhoqhoa | khoele | 'hover' | kamoo tooltip e hlahisoang kateng - hover | tsepamisa | tataiso |
E qala popovers bakeng sa pokello ea lintho.
E senola sebopeho sa element.
- $ ( '#element' ). popover ( 'show' )
E pata li-element popover.
- $ ( '#element' ). popover ( 'hide' )
Plugin ea tlhokomeliso ke sehlopha se senyane haholo bakeng sa ho eketsa ts'ebetso e haufi le litlhokomeliso.
Khoasolla
- $ ( ".alert-molaetsa" ). hlokomelisa ()
Kenya data-alert
tšobotsi feela melaetsa ea hau ea tlhokomeliso ho e fa tšebetso e haufi.
E phuthela litlhokomeliso tsohle ka ts'ebetso e haufi. Ho etsa hore litemoso tsa hau li phele ha u koetsoe, etsa bonnete ba hore li se li ntse li sebelisoa .fade
le sehlopha..in
E koala tlhokomeliso.
- $ ( ".alert-molaetsa" ). tlhokomeliso ( 'close' )