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

Go diriša bootstrap-modal

$ ( '#modal ya ka' ). modal ( dikgetho ) .

Dikgetho

Leina	mohuta	hlokomologa	tlhalošo
lemorago la ka morago	boolean, thapo	maaka	E akaretša elemente ya modal-backdrop. Beakanya backdrop go "static"ge o sa nyake gore modal e tswalelwa ge backdrop e kgotla.
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

Go swaya

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-modalseka 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 = "e sa fetoheng" > Thoma Modal </a>    

Ela hloko Ge o nyaka gore modal ya gago e phele ka gare le ka ntle, e no oketša .fadesehlopha go .modalelemente ya gago (lebelela demo go bona se ka tiro).

Mekgwa ya go šoma

.modal(dikgetho) .

E dira gore diteng tša gago di šome bjalo ka modal. E amogela dikgetho tša boikhethelo object.

$ ( '#modal ya ka' ). modal ({ ) .
  khiboto : nnete 
}) .

.modal (' go fetola') .

Ka seatla e fetola modal.

$ ( '#modal ya ka' ). modal ( 'go fetola' ) .

.modal ('bontša') .

Ka letsoho bula e modal.

$ ( '#modal ya ka' ). modal ( 'bontša' ) .

.modal('pata') .

Ka letsoho pata e modal.

$ ( '#modal ya ka' ). modal ( 'pata' ) .

.modal(nete) .

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').

Ditiragalo

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 showmokgwa 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 hidemokgwa 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 ...
}) .

Demo ya go bontšha

Thakgola Modal

Plugin ye ke ya go oketša tirišano ya go theoga go bootstrap topbar goba go sepelasepela ka dithepo.

Taonelouta

Go diriša bootstrap-dropdown.js

$ ( '#bara ya godimo' ). go theoga () .

Go swaya

Go oketša ka pela mošomo wa go theoga go elemente efe goba efe ya nav, šomiša data-dropdownseka. 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-dropdownseka go elemente ya setshelo ya bohlokwa kudu go swana le .tabsgoba .topbar.

Mekgwa ya go šoma

$ (). go theoga () .

A programatic api bakeng sa kenya tshebetsong dimenu bakeng sa e filwe topbar kapa tabbed tsamaya.

Demo ya go bontšha

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

Go diriša bootstrap-scrollspy.js

$ ( '#bara ya godimo' ). scrollSehloela () .

Go swaya

Go oketša gabonolo boitshwaro bja scrollspy go nav ya gago, e no oketša data-scrollspyseka go .topbar.

<div sehlopha = "topbar" ya data-scrollspy = "scrollspy" > ... </div>   

Mekgwa ya go šoma

$ (). scrollSpy () .

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>.

.scrollSpy (' hlabolla') .

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 ( 'hlabolla' ) .

Demo ya go bontšha

Checkout the the topbar go sepelasepela letlakaleng le.

Plugin ena e fana ka tshebetso e eketsehileng bakeng sa ho laola boemo ba konopo.

Taonelouta

Ka go diriša bootstrap-buttons.js

$ ( '.dithepo' ). konopo () .

Mekgwa ya go šoma

$ (). konopo ( 'toggle') .

Toggles kgorometsa boemo. E fa btn ponagalo ya gore e šomišitšwe.

Tlhokomedišo O ka kgontšha go fetoša ka go itiriša ga konope ka go šomiša data-toggleseka.

< sehlopha sa konopo = "btn" data-toggle = "fetola" > ... </konopo>   

$ (). konopo ( 'ho laela') .

E beakanya boemo bja konope go laetša - e šitiša konope le go fapantšha sengwalwa go laetša sengwalwa. Go laetša sengwalwa go swanetše go hlalošwa godimo ga elemente ya konope ka go šomiša seka sa datha data-loading-text.

<button class = "btn" data-loading-text = "go laetša dilo ..." > ... </konope>   

$ (). konopo ( 'reset') .

E beakanya gape boemo bja konope - e fapantšha sengwalwa go sengwalwa sa mathomo.

$ (). konopo (khoele) .

E beakanya gape boemo bja konope - e fapantšha sengwalwa go seemo sefe goba sefe sa sengwalwa seo se hlalošitšwego sa datha.

< sehlopha sa konopo = "btn" ya data-e feletseng-sengwalwa = "e qeta!" > ... </konope>   
<sengwalwa>
  $ ('.btn').konope ('feletseng') .
</scrip>

Demo ya go bontšha

Go laetša Demo Fetola Demo

Plugin ena e eketsa ka potlako, mafolofolo tab le pilisi tshebetso.

Taonelouta

Go diriša bootstrap-tabs.js

$ ( '.dithepo' ). dithepo () .

Go swaya

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-tabsgoba data-pillsseka.

 <ul sehlopha = "dithepo" data-dithepo = "dithepo" > ... </ul>   

Mekgwa ya go šoma

$ (). dithepo goba $ (). dipilisi

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> 
</div> e
 
<sengwalwa>
  $ ( mosebetsi () { .  
    $ ( '.dithepo' ). dithepo () .
  }) .
</script>

Ditiragalo

Tiragalo	Tlhalošo
phetogo	Tiragalo ye e thunya ka phetogo ya thepo. Šomiša event.targetle event.relatedTargetgo nepiša thepo ye e šomago le thepo ye e šomago ya peleng ka go latelelana.

$ ( '#.dithepo' ). tlama ( 'fetola' , mosebetsi ( e ) { .   
  e . sepheo // kenya tshebetsong tab
  e . relatedTarget // thepo ya peleng
}) .

Demo ya go bontšha

• Gae
• Phorofaele
• Melaetša
• Dipeakanyo
• Dropdown ya go theoga
  • @lekhura
  • @mdo

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

Go diriša bootstrap-twipsy.js

$ ( '#mohlala' ). twipsy ( dikgetho ) .

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, mosebetsi	'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
thempleite ya	thapo	[swaya ya kamehla] .	Thempleite ya html yeo e šomišwago go fetolela twipsy.

Tsebišo Dikgetho tša mohlala wa twipsy ka botee ka tsela ye nngwe di ka laetšwa ka tšhomišo ya dika tša datha.

<a href = "#" data-placement = "ka tlase" rel = 'twipsy' title = 'Sengwalwa se sengwe sa thaetlele' > sengwalwa </a>    

Mekgwa ya go šoma

$ ().twipsy (dikgetho) .

E kgomaretša sedirišwa sa go swara sa twipsy go kgoboketšo ya elemente.

.twipsy('bontša') .

E senola e elements twipsy.

$ ( '# elemente' ). twipsy ( 'bontša' ) .

.twipsy('pata') .

Pata e elements twipsy.

$ ( '# elemente' ). twipsy ( 'pata' ) .

.twipsy(nete) .

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').

Demo ya go bontšha

Plugin ya popover e fana ka segokanyimmediamentsi sa sebolokigolo se bonolo bakeng sa ho eketsa popovers ho kopo ya hao. E atološa bootstrap-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!

Tsebišo O swanetše go akaretša faele ya bootstrap-twipsy.js pele ga bootstrap-popover.js.

Taonelouta

Go diriša bootstrap-popover.js

$ ( '#mohlala' ). popover ( dikgetho ) .

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, mosebetsi	'thaetlele'	seka goba mokgwa wa go hwetša sengwalwa sa thaetlele
diteng	thapo, mosebetsi	'diteng-ya data'.	thapo goba mokgwa wa go hwetša sengwalwa sa diteng. ge e le gore ga go le e tee yeo e filwego, diteng di tla hwetšwa go tšwa go seka sa diteng tša datha.
šušumetša	thapo	'hover'.	kamoo tooltip e hlohleletšwago ka gona - hover | go tsepamiša kgopolo | manyuale
thempleite ya	thapo	[swaya ya kamehla] .	Thempleite ya html yeo e šomišwago go fetolela popover.

Tsebišo Dikgetho tša mohlala wa popover ka botee di ka laetšwa ka go fapana ka tšhomišo ya dika tša datha.

<a data-placement = "ka tlase" href = "#" sehlopha = "btn kotsi" rel = "popover" > sengwalwa </a>    

Mekgwa ya go šoma

$ ().popover (dikgetho) .

E thoma di-popovers bakeng sa kgoboketšo ya elemente.

.popover('bontša') .

E senola e elements popover.

$ ( '# elemente' ). popover ( 'bontša' ) .

.popover('pata') .

Pata e elements popover.

$ ( '# elemente' ). popover ( 'pata' ) .

Demo ya go bontšha

hover bakeng sa popover

Plugin ya temošo ke sehlopha se senyenyane kudu sa go oketša mošomo wa kgauswi go ditemošo.

Taonelouta

Go diriša bootstrap-alerts.js

$ ( ".temošo-molaetša" ). temošo () .

Go swaya

E no tlaleletša ka adata-alert seka go melaetša ya gago ya temošo go e fa ka go iketla mošomo wa kgauswi.

Dikgetho

Leina	mohuta	hlokomologa	tlhalošo
mokgethi wa go kgetha	thapo	'.tswalela'	Ke mokgethi ofe wo o swanetšego go nepiša bakeng sa go tswalela temošo.

Mekgwa ya go šoma

$ (). temošo () .

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šetša gore di na le .fadele.in sehlopha seo se šetšego se dirišitšwe go tšona.

.alert ('tswalela') .

E tswalela temošo.

$ ( ".temošo-molaetša" ). temošo ( 'tswalela' ) .

Demo ya go bontšha