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

Ho sebelisa bootstrap-modal

$ ( '#modal-ya ka' ). modal ( likhetho )

Dikgetho

Lebitso	mofuta	ya kamehla	tlhaloso
bokamorao	boolean, khoele	bohata	E kenyelletsa karolo ea modal-backdrop. Hlophisa bokamorao ho "static"haeba u sa batle hore modal e koaloe ha bokamorao bo tobetsoa.
keyboard	boolean	bohata	E koala modal ha konopo ea escape e tobetsoa
bontsha	boolean	bohata	E bula mokhoa oa ho qala sehlopha

Markup

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-modaltš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 = "static" > Launch Modal </a>    

Tlhokomeliso Haeba u batla hore modal ea hau e phele le ho tsoa, ​​eketsa .fadesehlopha ho element ea hau .modal(sheba demo ho bona sena se sebetsa).

Mekhoa

.modal(likhetho)

E kenya tšebetsong litaba tsa hau joalo ka mokhoa. E amohela khetho ea boikhethelo object.

$ ( '#modal-ya ka' ). mokhoa ({
  keyboard : nnete 
})

.modal('toggle')

E fetola modal ka letsoho.

$ ( '#modal-ya ka' ). modal ( 'toggle' )

.modal('show')

E bula modal ka letsoho.

$ ( '#modal-ya ka' ). modal ( 'show' )

.modal('ipata')

E pata modal ka letsoho.

$ ( '#modal-ya ka' ). modal ( 'hide' )

.modal(nnete)

E khutlisa mohlala oa maemo a modal.

$ ( '#modal-ya ka' ). modal ( 'nete )

Hlokomela Ntle le moo, sena se ka khutlisoa ka $().data('modal').

Liketsahalo

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 showmokhoa 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 hidemokhoa 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 ...
})

Mohlala

Qala Modal

Plugin ena ke ea ho eketsa tšebelisano ea ho theoha ho topbar ea bootstrap kapa li-navigation tsa li-tabbed.

Khoasolla

Ho sebelisa bootstrap-dropdown.js

$ ( '#topbar' ). ho theoha ()

Markup

Ho eketsa ts'ebetso ea ho theoha kapele ho ntho efe kapa efe ea nav, sebelisa data-dropdowntš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-dropdowntšobotsi ho karolo ea bohlokoa ea sets'oants'o joalo ka .tabskapa .topbar.

Mekhoa

$(). dropdown()

Lenaneo la api bakeng sa ho kenya dimenu bakeng sa topbar e itseng kapa navigation e nang le dithebe.

Mohlala

Plugin ena ke ea ho kenyelletsa tšebelisano ea scrollspy (auto updating nav) ho topbar ea bootstrap.

Khoasolla

Ho sebelisa bootstrap-scrollspy.js

$ ( '#topbar' ). scrollSpy ()

Markup

Ho eketsa habonolo boitšoaro ba scrollspy ho nav ea hau, kenya feela data-scrollspytšobotsi ho .topbar.

<div class = "topbar" data-scrollspy = "scrollpy" > ... </div>   

Mekhoa

$().scrollSpy()

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

.scrollSpy('khatholla')

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 ( 'khatholla' )

Mohlala

Sheba ho navigation ea topbar leqepheng lena.

Plugin ena e fana ka ts'ebetso e eketsehileng bakeng sa ho laola boemo ba konopo.

Khoasolla

Ho sebelisa bootstrap-buttons.js

$ ( '.li-tabs' ). konopo ()

Mekhoa

$().konopo('toggle')

E fetola boemo ba push. E fana ka btn chebahalo ea hore e kentsoe tšebetsong.

Tlhokomeliso U ka etsa hore konopo ea auto toggling ka ho sebelisa data-toggletšobotsi.

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

$().konopo('ho kenya')

E beha boemo ba konopo hore e kene - e tima konopo 'me e fapanyetsana mongolo ho kenya mongolo. Ho kenya mongolo ho tlameha ho hlalosoa karolong ea konopo ho sebelisoa tšobotsi ea data data-loading-text.

< sehlopha sa konopo = "btn" data-loading-text = "ho kenya dintho..." > ... </button>   

$().konopo('seta bocha')

Seta bocha boemo ba konopo - fetola mongolo ho ea ho mongolo oa mantlha.

$().konopo(khoele)

Seta botjha boemo ba konopo - swaps mongolo ho boemo bofe kapa bofe ba data bo hlalositsoeng.

< sehlopha sa konopo = "btn" data-complete-text = "fedile!" > ... </ konopo>   
<script>
  $('.btn'). konopo('feletseng')
</ script>

Mohlala

Loading Demo Fetolela Demo

Plugin ena e eketsa ts'ebetso ea tabo e potlakileng, e matla le lipilisi.

Khoasolla

Ho sebelisa bootstrap-tabs.js

$ ( '.li-tabs' ). li-tab ()

Markup

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-tabskapa data-pillstšobotsi.

 <ul class = "tabs" data-tabs = "tabs" > ... </ul>   

Mekhoa

$().tab kapa $().lipilisi

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> 
</ div>
 
<script>
  $ ( mosebetsi () {  
    $ ( '.li-tabs' ). li-tab ()
  })
</script>

Liketsahalo

Ketsahalo	Tlhaloso
phetoho	Ketsahalo ena e sebetsa phetohong ea li-tab. Sebelisa event.targetle event.relatedTargetho shebisa tab e sebetsang le tab e fetileng e sebetsang ka ho latellana.

$ ( '#.tabs' ). tlama ( 'fetola' , mosebetsi ( e ) {   
  e . target // Letlapa le butsoeng
  e . amanangTarget // tab e fetileng
})

Mohlala

• Lehae
• Profile
• Melaetsa
• Litlhophiso
• Theosa
  • @mafura
  • @mdo

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

Ho sebelisa bootstrap-twipsy.js

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

Dikgetho

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, mosebetsi	'sehlooho'	tshobotsi kapa mokgoa wa ho thola mongolo wa sehlooho
qhoqhoa	khoele	'hover'	kamoo tooltip e hlahisoang kateng - hover | tsepamisa | tataiso
template	khoele	[sebopeho sa kamehla]	Setšoantšo sa html se sebelisitsoeng ho fetolela twipsy.

Hlokomela Likhetho tsa mohlala oa motho ka mong oa twipsy li ka hlalosoa ka mokhoa o mong ka ts'ebeliso ea litšoaneleho tsa data.

<a href = "#" data-placement = "tlase" rel = 'twipsy' title = 'Mongolo o mong oa sehlooho' > mongolo </a>    

Mekhoa

$().twipsy(likhetho)

E hokela twipsy handler ho pokello ea element.

.twipsy('show')

E senola likarolo tse peli.

$ ( '#element' ). twipsy ( 'show' )

.twipsy('hide')

E pata likarolo tsa twipsy.

$ ( '#element' ). twipsy ( 'hide' )

.twipsy(nnete)

E khutlisa mohlala oa likarolo tsa twipsy.

$ ( '#element' ). twipsy ( 'nete )

Hlokomela Ntle le moo, sena se ka khutlisoa ka $().data('twipsy').

Mohlala

Plugin ea popover e fana ka sebopeho se bonolo sa ho eketsa popover ho sesebelisoa sa hau. E atolosa bootstrap-twipsy.js plugin, kahoo etsa bonnete ba hore u tšoara faele eo hape ha u kenyelletsa popover morerong oa hau!

Hlokomela O tlameha ho kenyelletsa faele ea bootstrap-twipsy.js pele ho bootstrap-popover.js.

Khoasolla

Ho sebelisa bootstrap-popover.js

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

Dikgetho

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, mosebetsi	'sehlooho'	tshobotsi kapa mokgoa wa ho thola mongolo wa sehlooho
dikahare	khoele, mosebetsi	'litaba tsa data'	khoele kapa mokgoa wa ho thola sengolwa sa dikahare. ha ho fanoe ka e 'ngoe, litaba li tla fumanoa ho tsoa molemong oa litaba tsa data.
qhoqhoa	khoele	'hover'	kamoo tooltip e hlahisoang kateng - hover | tsepamisa | tataiso
template	khoele	[sebopeho sa kamehla]	Setšoantšo sa html se sebelisoang ho etsa popover.

Hlokomela Likhetho tsa mohlala tsa motho ka mong li ka hlalosoa ka mokhoa o mong ka ts'ebeliso ea lintlha tsa data.

<a data-placement = "tlase" href = "#" class = "btn risk" rel = "popover"> mongolo </a>    

Mekhoa

$().popover(dikgetho)

E qala popovers bakeng sa pokello ea lintho.

.popover('show')

E senola sebopeho sa element.

$ ( '#element' ). popover ( 'show' )

.popover('pata')

E pata li-element popover.

$ ( '#element' ). popover ( 'hide' )

Mohlala

hover bakeng sa popover

Plugin ea tlhokomeliso ke sehlopha se senyane haholo bakeng sa ho eketsa ts'ebetso e haufi le litlhokomeliso.

Khoasolla

Ho sebelisa bootstrap-alerts.js

$ ( ".alert-molaetsa" ). hlokomelisa ()

Markup

Kenya data-alerttšobotsi feela melaetsa ea hau ea tlhokomeliso ho e fa tšebetso e haufi.

Dikgetho

Lebitso	mofuta	ya kamehla	tlhaloso
mokhethi	khoele	'.koala'	Ke khetho efe eo u ka e lebisang molemong oa ho koala tlhokomeliso.

Mekhoa

$(). tlhokomeliso()

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 .fadele sehlopha..in

.tlhokomeliso('koala')

E koala tlhokomeliso.

$ ( ".alert-molaetsa" ). tlhokomeliso ( 'close' )

Mohlala