Rona Modal plugin ke super tshesane nka ka setso modal js plugin, ho nka tlhokomelo e khethehileng ho akarelletsa feela hlobotse tshebetso hore re hloka mona ka twitter.
Taonelouta
- $ ( '#modal ya ka' ). modal ( dikgetho ) .
Leina | mohuta | hlokomologa | tlhalošo |
---|---|---|---|
lemorago la ka morago | boolean ya go swana | maaka | E akaretša elemente ya modal-backdrop |
khiiboto ya | boolean ya go swana | maaka | E tswalela modal ge senotlelo sa go tšhaba se tobetšwe |
bontšha | boolean ya go swana | maaka | Bula modal ka sehlopha initialization |
O ka tsenya tirišong di-modal letlakaleng la gago gabonolo ntle le go ngwala mola o tee wa javascript. E no fa elemente data-controls-modal
seka seo se sepelelanago le id ya elemente ya modal, gomme ge e kgotla, e tla thoma modal ya gago. Go tlaleletša dikgetho tša modal, e no di akaretša bjalo ka dika tša datha le tšona.
- <a sehlopha = "btn" ya data-taolo-modal = "ka-modal" ya data-backdrop = "therešo" > Thoma Modal </a>
Ela hloko Ge o nyaka gore modal ya gago e phele ka gare le ka ntle, e no oketša .fade
sehlopha go .modal
elemente ya gago (lebelela demo go bona se ka tiro).
E dira gore diteng tša gago di šome bjalo ka modal. E amogela dikgetho tša boikhethelo object
.
- $ ( '#modal ya ka' ). modal ({ ) .
- closeOnEscape : ke nnete
- }) .
Ka seatla e fetola modal.
- $ ( '#modal ya ka' ). modal ( 'go fetola' ) .
Ka letsoho bula e modal.
- $ ( '#modal ya ka' ). modal ( 'bontša' ) .
Ka letsoho pata e modal.
- $ ( '#modal ya ka' ). modal ( 'pata' ) .
E bušetša mohlala wa sehlopha sa modal ya dielemente.
- $ ( '#modal ya ka' ). modal ( nnete ) .
Ela hloko Ka go fapana le moo, se se ka hwetšwa ka $().data('modal')
.
Bootstrap o modal sehlopha pepesa liketsahalo tse seng kae bakeng sa hooking ka modal tshebetso.
Tiragalo | Tlhalošo |
---|---|
bontšha | Tiragalo ye e thunya ka pela ge show mokgwa wa mohlala o bitšwa. |
e bontšhitšwe | Tiragalo ye e thuntšhwa ge modal e dirilwe gore e bonagale go mosediriši (e tla emela gore diphetogo tša css di phethe). |
fihla | Tiragalo ye e thuntšhwa ka pela ge hide mokgwa wa mohlala o biditšwe. |
fihlilwe | Tiragalo ye e thuntšhwa ge modal e feditše go utollwa go tšwa go mosediriši (e tla emela gore diphetogo tša css di phethe). |
- $ ( '#modal ya ka' ). tlama ( 'e patiloeng' , mosebetsi () {
- // dira se sengwe ...
- }) .
Plugin ye ke ya go oketša tirišano ya go theoga go bootstrap topbar goba go sepelasepela ka dithepo.
Taonelouta
- $ ( '#bara ya godimo' ). go theoga () .
Go oketša ka pela mošomo wa go theoga go elemente efe goba efe ya nav, šomiša data-dropdown
seka. Go theoga le ge e le gofe ga bootstrap mo go šomago go tla tsenywa tirišong ka go iketla.
- <ul sehlopha = "dithepo" >
- <li sehlopha = "mafolofolo" ><a href = "#" > Gae </a></li>
- <li sehlopha = "dropdown" ya data-dropdown = "dropdown" >
- <a href = "#" class = "go theoga-fetoša" > Go theoga </a>
- <ul sehlopha = "thepo ya go theoga" >
- <li><a href = "#" > Kgokagano ya bobedi </a></li>
- <li><a href = "#" > Selo se sengwe mo </a></li>
- <li sehlopha = "karoganyo" </li>
- <li><a href = "#" > Kgokagano ye nngwe </a></li>
- </ul>
- </li>
- </ul>
Tlhokomedišo Ge e le gore ui ya gago e na le dithepo tše mmalwa, nagana ka go oketša data-dropdown
seka go elemente ya setshelo ya bohlokwa kudu go swana le .tabs
goba .topbar
.
A programatic api bakeng sa kenya tshebetsong dimenu bakeng sa e filwe topbar kapa tabbed tsamaya.
Plugin ye ke ya go tlaleletša ka tirišano ya scrollspy (go mpshafatša nav ka go itiriša) go topbar ya bootstrap.
Taonelouta
- $ ( '#bara ya godimo' ). go theoga () .
Go oketša gabonolo boitshwaro bja scrollspy go nav ya gago, e no oketša data-scrollspy
seka go .topbar
.
- <div sehlopha = "topbar" ya data-scrollspy = "scrollspy" > ... </div>
Auto activates dikonopo tsamaya ke basebedisi ba phethola boemo.
- $ ( 'mmele > .bareng ya godimo' ). scrollSehloela () .
Tsebišo Dithepo tša ankora ya Topbar di swanetše go ba le diphetho tša id tšeo di ka rarollwago. Ka mohlala, a e <a href="#home">home</a>
swanetše go sepelelana le selo se sengwe ka dom go swana le <div id="home"></div>
.
The scrollspy caches nav dikonopo le karolo dihlopha bakeng sa tshebetso. Ge o nyaka go mpshafatša cache ye (go na le kgonagalo ya gore o na le diteng tše di fetogago) bitša fela mokgwa wo wa go hlabolla. Ge e ba o šomišitše seka sa data go hlaloša scrollspy ya gago, e no bitša go hlabolla mmeleng.
- $ ( 'mmele' ). scrollspy ( 'tlhabolla' ) .
Checkout the the topbar go sepelasepela letlakaleng le.
Plugin ena e eketsa ka potlako, mafolofolo tab le pilisi tshebetso.
Taonelouta
- $ ( '.dithepo' ). dithepo () .
O ka tsenya tirišong go sepelasepela ga thepo goba pilisi ntle le go ngwala javascript efe goba efe ka go fo ba fa seka data-tabs
goba data-pills
seka.
- <ul sehlopha = "dithepo" data-dithepo = "dithepo" > ... </ul>
E dira gore tšhomišo ya thepo le pilisi e šome bakeng sa setshelo se se filwego. Dikgokagano tša thepo di swanetše go šupa di-id ka go tokomane.
- <ul sehlopha = "dithepo" >
- <li class = "mafolofolo" ><a href = "#gae" > Gae </a></li>
- <li><a href = "#profaele" > Profaele </a></li>
- <li><a href = "#melaetša" > Melaetša </a></li>
- <li><a href = "#dipeakanyo" > Dipeakanyo </a></li>
- </ul>
- <div sehlopha = "pilisi-diteng" >
- <div sehlopha = "mafolofolo" id = "gae" > ... </div>
- <div id = "profaele" > ... </div>
- <div id = "melaetša" > ... </div>
- <div id = "dipeakanyo" > ... </div>
- </ul>
- <sengwalwa>
- $ ( mosebetsi () { .
- $ ( '.dithepo' ). dithepo () .
- }) .
- </script>
Raw denim mohlomongwe ga se wa kwa ka bona jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth mong'a hloekisa. Ditedu cliche nakwana, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh mohlapetši wa ditoro synth. Cosby jesi eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.. Ke nyaka go nyoba nnywana ya mosadi. Seitan aliquip quis cardigan liaparo tsa american, 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 theilwe godimo ga plugin ye botse kudu ya jQuery.tipsy yeo e ngwadilwego ke Jason Frame; twipsy ke phetolelo e mpshafaditšwego, yeo e sa ithekgago ka diswantšho, e diriša css3 bakeng sa ditshwantšho tša go phela, le di-data-dika bakeng sa polokelo ya sehlogo!
Taonelouta
- $ ( '#mohlala' ). twipsy ( dikgetho ) .
Leina | mohuta | hlokomologa | tlhalošo |
---|---|---|---|
go phediša | boolean ya go swana | nnete | diriša phetogo ya css fade go tooltip |
go diegaIn | nomoro | 0. | go diega pele o bontšha keletšo ya sedirišwa (ms) . |
go diegaOut | nomoro | 0. | go diega pele ga go uta keletšo ya sedirišwa (ms) . |
go wa morago | thapo | '' . | sengwalwa sa go šomišwa ge go se na thaetlele ya keletšo ya sedirišwa yeo e lego gona |
go bewa ga dilo | thapo | 'ka godimo' | kamoo ho ka beha tooltip - ka holimo | ka tlase | le letšehali | nepagetše |
html | boolean ya go swana | maaka | e dumelela diteng tša html ka gare ga tooltip |
phela | boolean ya go swana | maaka | šomiša kabo ya tiragalo go e na le baswari ba ditiragalo ka botee |
offset | nomoro | 0. | pixel offset ya tooltip ho tloha elements sepheo |
thaetlele | thapo ya | mošomo | 'thaetlele' | seka goba mokgwa wa go hwetša sengwalwa sa thaetlele |
šušumetša | thapo | 'hover'. | kamoo tooltip e hlohleletšwago ka gona - hover | go tsepamiša kgopolo | manyuale |
E kgomaretša sedirišwa sa go swara sa twipsy go kgoboketšo ya elemente.
Senola e elements twipsy.
- $ ( '# elemente' ). twipsy ( 'bontša' ) .
Pata e elements twipsy.
- $ ( '# elemente' ). twipsy ( 'pata' ) .
E bušetša mohlala wa sehlopha sa twipsy sa dielemente.
- $ ( '# elemente' ). twipsy ( nnete ) .
Ela hloko Ka go fapana le moo, se se ka hwetšwa ka $().data('twipsy')
.
Tight pants next level keffiyeh mohlomongwe ga se wa kwa ka tšona. Photo lephephe ditedu tala denim letterpress vegan moromiwa mokotla stumptown. Polase-ho-tafoleng seitan, mcsweeney o fixie tšoarellang quinoa 8-bit american liaparo na le terry richardson vinyl chambray. Ditedu stumptown, di-cardigan banh mi lomo dikatse tša diaduma. Tofu biodiesel williamsburg marfa, tse 'nè loko mcsweeney o hloekisa vegan chambray. A e le kannete kgegeo artisan eng kapa eng keytar, scenester polasi-ho-tafoleng banksy Austin twitter sebetsana freegan cred tala denim e le 'ngoe-tšimoloho kofi kokoana-hloko.
Plugin ya popover e fana ka segokanyimmediamentsi sa sebolokigolo se bonolo bakeng sa ho eketsa popovers ho kopo ya hao. E atološa boostrap-twipsy.js plugin, ka gona kgonthišetša gore o tšea faele yeo gape ge o akaretša di-popovers mo protšekeng ya gago!
Taonelouta
- $ ( '#mohlala' ). popover ( dikgetho ) .
Leina | mohuta | hlokomologa | tlhalošo |
---|---|---|---|
go phediša | boolean ya go swana | nnete | diriša phetogo ya css fade go tooltip |
go diegaIn | nomoro | 0. | go diega pele o bontšha keletšo ya sedirišwa (ms) . |
go diegaOut | nomoro | 0. | go diega pele ga go uta keletšo ya sedirišwa (ms) . |
go wa morago | thapo | '' . | sengwalwa sa go šomišwa ge go se na thaetlele ya keletšo ya sedirišwa yeo e lego gona |
go bewa ga dilo | thapo | 'nepagetše' | kamoo ho ka beha tooltip - ka holimo | ka tlase | le letšehali | nepagetše |
html | boolean ya go swana | maaka | e dumelela diteng tša html ka gare ga tooltip |
phela | boolean ya go swana | maaka | šomiša kabo ya tiragalo go e na le baswari ba ditiragalo ka botee |
offset | nomoro | 0. | pixel offset ya tooltip ho tloha elements sepheo |
thaetlele | thapo ya | mošomo | 'thaetlele' | seka goba mokgwa wa go hwetša sengwalwa sa thaetlele |
diteng | thapo ya | mošomo | 'diteng-ya data'. | seka goba mokgwa wa go hwetša sengwalwa sa diteng |
šušumetša | thapo | 'hover'. | kamoo tooltip e hlohleletšwago ka gona - hover | go tsepamiša kgopolo | manyuale |
E thoma di-popovers bakeng sa kgoboketšo ya elemente.
E senola e elements popover.
- $ ( '# elemente' ). popover ( 'bontša' ) .
Pata e elements popover.
- $ ( '# elemente' ). popover ( 'pata' ) .
Plugin ya temošo ke sehlopha se senyenyane kudu sa go oketša mošomo wa kgauswi go ditemošo.
Taonelouta
- $ ( ".temošo-molaetša" ). temošo () .
E no oketša data-alert
seka go melaetša ya gago ya temošo go e fa ka go iketla mošomo wa kgauswi.
E phuthela ditemošo ka moka ka tšhomišo ya kgauswi. Go dira gore ditemošo tša gago di phele ge di tswaletšwe, kgonthiša gore di na le .fade
le .in
sehlopha seo se šetšego se dirišitšwe go tšona.
E tswalela temošo.
- $ ( ".temošo-molaetša" ). temošo ( 'tswalela' ) .