Plugin ya hina ya Modal i super slim take eka plugin ya ndhavuko ya modal js, hi teka vukheta byo hlawuleka ku katsa ntsena ntirho lowu nga ambalangiki nchumu lowu hi wu lavaka laha eka twitter.

Downloda

Ku tirhisa bootstrap-modal

$ ( '#modal ya mina' ). modal ( swihlawulekisi ) .

Swihlawulekisi

Vito	muxaka	ku tlula	nhlamuselo
xifaniso xa le ndzhaku	xitsonga xitsonga	vunwa	Ku katsa na xiaki xa modal-backdrop
xikhiya xa xikhiya	xitsonga xitsonga	vunwa	Ku pfala modal loko ku tshikileriwa escape key
kombisa	xitsonga xitsonga	vunwa	Ku pfula modal eka ku sungula ka tlilasi

Ku fungha swilo

U nga tirhisa ti modals eka pheji ya wena hi ku olova handle ko tsala layini yin’we ya javascript. Ntsena nyika element data-controls-modalattribute leyi fambelanaka na modal element id, naswona loko yi click, yi ta sungula modal ya wena. Ku engetela swihlawulekisi swa modal, swi katsa ntsena tanihi swihlawulekisi swa data na swona.

<a class = "btn" data-controls-modal = "modal ya mina" data-backdrop = "ntiyiso" > Sungula Modal </a>    

Xiya Loko u lava leswaku modal ya wena yi animate endzeni na le handle, ntsena engetela .fadetlilasi eka .modalelemente ya wena (languta eka demo ku vona leswi hi xiendlo).

Maendlelo

.modal(swihlawulekisi) .

Ku endla leswaku nhundzu ya wena yi tirha tanihi modal. Ku amukela swihlawulekisi swa ku hlawula object.

$ ( '#modal ya mina' ). modal ({
  pfalaOnEscape : ntiyiso 
}) .

.modal('ku cinca-cinca') .

Hi voko u cinca-cinca modal.

$ ( '#modal ya mina' ). modal ( 'ku cinca-cinca' ) .

.modal('kombisa') .

Hi voko u pfula modal.

$ ( '#modal ya mina' ). modal ( 'kombisa' ) .

.modal('fihla') .

Hi voko u tumbeta modal.

$ ( '#modal ya mina' ). modal ( 'fihla' ) .

.modal(ntiyiso) .

Ku vuyisa xikombiso xa tlilasi ya modal ya swiaki.

$ ( '#modal ya mina' ). modal ( ntiyiso ) .

Xiya Handle ka sweswo, leswi swi nga ha vuyiseriwa hi $().data('modal').

Swiendlakalo

Tlilasi ya modal ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa modal.

Nkhuvo	Nhlamuselo
kombisa	Xiendlakalo lexi xi pfurha hi ku hatlisa loko ku showvitaniwa ndlela ya xikombiso.
ku kombisiwile	Xiendlakalo lexi xi duvuriwa loko modal yi endliwile yi vonaka eka mutirhisi (yi ta rindza ku cinca ka css ku hetisisiwa).
tumbela	Xiendlakalo lexi xi duvuriwa hi ku hatlisa loko ndlela ya hidexikombiso yi vitaniwile.
tumbetile	Xiendlakalo lexi xi duvuriwa loko modal yi hetile ku tumbetiwa eka mutirhisi (yi ta rindza ku cinca ka css ku hela).

$ ( '#modal ya mina' ). bind ( 'ku fihliwile' , ntirho () {   
  // endla swo karhi ...
}) .

Demo leyi

Ku sungula Modal

Plugin leyi i ya ku engetela ku tirhisana ka dropdown eka bootstrap topbar kumbe ti tabbed navigations.

Downloda

Hi ku tirhisa boostrap-dropdown.js

$ ( '#barhe ya le henhla' ). xihlangi lexi nga ehansi () .

Ku fungha swilo

Ku hatlisa u engetela ntirho wa dropdown eka elemente yihi na yihi ya nav, tirhisa data-dropdownattribute. Xihondzo xin’wana na xin’wana xa bootstrap lexi tirhaka xi ta tirhisiwa hi xoxe.

<ul tlilasi = "tithebhu" > 
  <li class = "ntirho" ><a href = "#" > Ekaya </a></li>  
  <li class = "xirhendzevutani" data-xirhendzevutani = "xirhendzevutani" >   
    <a href = "#" class = "ku cinca-cinca ka xirhendzevutani" > Ku wisa </a>  
    <ul class = "menyu leyi nga ehansi" > 
      <li><a href = "#" > Xihlanganisi xa vumbirhi </a></li> 
      <li><a href = "#" > Xin'wana laha </a></li> 
      <li tlilasi = "xihambanisi" </li> 
      <li><a href = "#" > Xihlanganisi xin'wana </a></li> 
    </ul>
  </li>
</ul>

Xitiviso Loko ui ya wena yi ri na swihoxo swo hlayanyana, ehleketa ku engetela data-dropdownxihlawulekisi eka xiaki xa xikhomela-ndhawu xa nkoka swinene ku fana na .tabskumbe .topbar.

Maendlelo

$().xirhendzevutani() .

Api ya programatic yo tirhisa timenyu ta topbar leyi nyikiweke kumbe ku famba-famba loku nga na tithebhu.

Demo leyi

Plugin leyi i ya ku engetela ku tirhisana ka scrollspy (auto updating nav) eka bootstrap topbar.

Downloda

Hi ku tirhisa boostrap-scrollspy.js

$ ( '#barhe ya le henhla' ). xihlangi lexi nga ehansi () .

Ku fungha swilo

Ku engetela mahanyelo ya scrollspy hi ku olova eka nav ya wena, engetela ntsena data-scrollspyxihlawulekisi eka .topbar.

<div class = "topbar" data-xirhendzevutani = "xirhendzevutani xa swifaniso" > ... </div>   

Maendlelo

$().xiphepherhele xa swiphepherhele () .

Auto yi endla leswaku swikomba-nkarhi swo famba-famba swi tirha hi ndlela leyi vatirhisi va swi rhendzelekaka ha yona.

$ ( 'miri > .barhe ya le henhla' ). scrollSpy () .

Xitiviso Tithegi ta anchor ta Topbar ti fanele ku va na swikongomelo swa id leswi nga lulamisiwaka. Hi xikombiso, a yi <a href="#home">home</a>fanele yi fambisana ni nchumu lowu nga eka dom ku fana na <div id="home"></div>.

.scrollspy('ku pfuxeta') .

Scrollspy yi hlayisa swikomba-nkarhi swa nav ni swihlanganisi swa xiyenge leswaku swi ta tirha. Loko u lava ku pfuxeta cache leyi (swi nga endleka loko u ri na swilo leswi cinca-cincaka) vitana ntsena ndlela leyi yo pfuxeta. Loko u tirhise xihlawulekisi xa data ku hlamusela scrollspy ya wena, vitana ntsena refresh emirini.

$ ( 'miri' ). scrollspy ( 'ku pfuxeta' ) .

Demo leyi

Languta ku famba-famba ka the topbar eka tluka leri.

Plugin leyi yi engetela ntirho wo hatlisa, lowu cinca-cincaka wa thebhu na philisi.

Downloda

Hi ku tirhisa boostrap-tabs.js

$ ( '.tithebhu' ). tithebhu () .

Ku fungha swilo

U nga tirhisa ku famba-famba ka thebhu kumbe philisi handle ko tsala javascript yihi na yihi hi ku va nyika ntsena a data-tabskumbe data-pillsattribute.

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

Maendlelo

$().tithebhu kumbe $().tiphilisi

Ku endla leswaku ntirho wa thebhu na philisi wu tirha eka xigwitsirisi lexi nyikiweke. Swihlanganisi swa tithebhu swi fanele ku kongomisa ti-id eka tsalwa.

<ul tlilasi = "tithebhu" > 
  <li class = "active" ><a href = "#kaya" > Ekaya </a></li>  
  <li><a href = "#profayile" > Xivumbeko </a></li> 
  <li><a href = "#mahungu" > Mahungu </a></li> 
  <li><a href = "#swiyimiso" > Switirhisiwa </a></li> 
</ul>
 
<div class = "swilo leswi nga endzeni ka philisi" > 
  <div class = "ntirho" id = "kaya" > ... </div>  
  <div id = "xivumbeko" > ... </div> 
  <div id = "mahungu" > ... </div> 
  <div id = "swiyimiso" > ... </div> 
</ul>
 
<tsalwa>
  $ ( ntirho () { .  
    $ ( '.tithebhu' ). tithebhu () .
  }) .
</script>

Demo leyi

• Kaya
• Phurofayili
• Mahungu
• Switirhisiwa

Hi ku ya hi plugin ya kahle swinene ya jQuery.tipsy leyi tsariweke hi Jason Frame; twipsy i vuhundzuluxeri lebyi pfuxetiweke, lebyi nga titshegangiki hi swifaniso, byi tirhisa css3 eka swifaniso leswi hanyaka, na data-attributes eka vuhlayiselo bya swihloko!

Downloda

Hi ku tirhisa bootstrap-twipsy.js

$ ( '#xikombiso' ). twipsy ( swihlawulekisi ) .

Swihlawulekisi

Vito	muxaka	ku tlula	nhlamuselo
ku hanyanyisa	xitsonga xitsonga	ntiyiso	tirhisa ku cinca ka css fade eka xitirhisiwa
ku hlwelaIn	nomboro	0.	ku hlwela ku nga si kombisa xitsundzuxo xa xitirhisiwa (ms) .
ku hlwelaKu huma	nomboro	0.	ku hlwela ku nga si tumbeta xitirhisiwa (ms) .
ku tlhelela endzhaku	ntambu	'' .	tsalwa ro tirhisa loko ku nga ri na nhlokomhaka ya xitsundzuxo xa switirhisiwa
ku vekiwa ka swilo	ntambu	'ehenhla'	ndlela yo veka xitirhisiwa - ehenhla | laha hansi | ximatsi | mfanelo
html	xitsonga xitsonga	vunwa	yi pfumelela nhundzu ya html endzeni ka xitirhisiwa
hanya	xitsonga xitsonga	vunwa	tirhisa ku rhumeriwa ka swiendlakalo ematshan’wini ya vafambisi va swiendlakalo ha un’we
offset	nomboro	0.	pixel offset ya xitirhisiwa ku suka eka elemente leyi kongomisiweke
xirhangi	ntambhu ya xirhendzevutani | ntirho	'xirhangi'	xihlawulekisi kumbe ndlela yo vuyisa tsalwa ra nhlokomhaka
gwedla	ntambu	'hover'.	ndlela leyi xitirhisiwa xi pfuriwaka ha yona - hover | ku kongomisa | manyuwali

Maendlelo

$().twipsy(swihlawulekisi) .

Ku khomanisa xikhomela-ndhawu xa twipsy eka nhlengeleto wa swiaki.

.twipsy('kombisa') .

Ku paluxa xiaki xa twipsy.

$ ( '#xiaki' ). twipsy ( 'kombisa' ) .

.twipsy('fihla') .

Ku tumbeta xiaki xa twipsy.

$ ( '#xiaki' ). twipsy ( 'fihla' ) .

.twipsy(ntiyiso) .

Ku vuyisa xikombiso xa tlilasi ya twipsy ya swiaki.

$ ( '#xiaki' ). twipsy ( ntiyiso ) .

Xiya Handle ka sweswo, leswi swi nga ha vuyiseriwa hi $().data('twipsy').

Demo leyi

Plugin ya popover yi nyika xitirhisiwa xo olova xo engetela ti-popover eka xitirhisiwa xa wena. Yi andlala boostrap-twipsy.js plugin, kutani tiyiseka leswaku u khoma fayili yoleyo na yona loko u katsa ti-popovers eka phurojeke ya wena!

Downloda

Hi ku tirhisa boostrap-popover.js

$ ( '#xikombiso' ). popover ( swihlawulekisi ) .

Swihlawulekisi

Vito	muxaka	ku tlula	nhlamuselo
ku hanyanyisa	xitsonga xitsonga	ntiyiso	tirhisa ku cinca ka css fade eka xitirhisiwa
ku hlwelaIn	nomboro	0.	ku hlwela ku nga si kombisa xitsundzuxo xa xitirhisiwa (ms) .
ku hlwelaKu huma	nomboro	0.	ku hlwela ku nga si tumbeta xitirhisiwa (ms) .
ku tlhelela endzhaku	ntambu	'' .	tsalwa ro tirhisa loko ku nga ri na nhlokomhaka ya xitsundzuxo xa switirhisiwa
ku vekiwa ka swilo	ntambu	'mfanelo'	ndlela yo veka xitirhisiwa - ehenhla | laha hansi | ximatsi | mfanelo
html	xitsonga xitsonga	vunwa	yi pfumelela nhundzu ya html endzeni ka xitirhisiwa
hanya	xitsonga xitsonga	vunwa	tirhisa ku rhumeriwa ka swiendlakalo ematshan’wini ya vafambisi va swiendlakalo ha un’we
offset	nomboro	0.	pixel offset ya xitirhisiwa ku suka eka elemente leyi kongomisiweke
xirhangi	ntambhu ya xirhendzevutani | ntirho	'xirhangi'	xihlawulekisi kumbe ndlela yo vuyisa tsalwa ra nhlokomhaka
vundzeni	ntambhu ya xirhendzevutani | ntirho	'swilo leswi nga endzeni ka data'.	xihlawulekisi kumbe ndlela yo vuyisa tsalwa ra nhundzu
gwedla	ntambu	'hover'.	ndlela leyi xitirhisiwa xi pfuriwaka ha yona - hover | ku kongomisa | manyuwali

Maendlelo

$().popover(swihlawulekisi) .

Ku sungula ti-popovers ta nhlengeleto wa swiaki.

.popover('kombisa') .

Ku paluxa an elements popover.

$ ( '#xiaki' ). popover ( 'kombisa' ) .

.popover('fihla') .

Ku tumbeta an elements popover.

$ ( '#xiaki' ). popover ( 'fihla' ) .

Demo leyi

hover ku kuma popover

Plugin ya xitsundzuxo i tlilasi leyitsongo swinene yo engetela ntirho wa le kusuhi eka switsundzuxo.

Downloda

Hi ku tirhisa bootstrap-alerts.js

$ ( ".xitsundzuxo-xihungu" ). xitsundzuxo () .

Ku fungha swilo

Ntsena engetela data-alertxihlawulekisi eka marungula ya wena ya xitsundzuxo ku ma nyika hi ku tisungulela ntirho wa le kusuhi.

Maendlelo

$().xitsundzuxo() .

Pfuxeta switsundzuxo hinkwaswo hi ntirho wa le kusuhi. Ku endla leswaku switsundzuxo swa wena swi hanya loko swi pfariwile, tiyisisa leswaku swi na .fadena .intlilasi leyi se yi tirhisiweke eka swona.

.alert('pfala') .

Ku pfala xitsundzuxo.

$ ( ".xitsundzuxo-xihungu" ). xitsundzuxo ( 'pfala' ) .

Demo leyi