Ny Modal plugin dia fakan-tsary faran'izay manify amin'ny plugin modal js nentim-paharazana, mitandrema manokana mba tsy hampiditra afa-tsy ny fiasa tsy misy dikany izay takianay eto amin'ny twitter.

DOWNLOAD

Mampiasa bootstrap-modal

$ ( '#my-modal' ). modal ( safidy )

FANDIKANA

Anarana	karazana	toerana misy anao	Description
resahana	boolean	DISO	Ahitana singa modal-backdrop
Ohatra	boolean	DISO	Manakatona ny modal rehefa tsindriana ny fanalahidin'ny escape
FAMPISEHOANA	boolean	DISO	Manokatra modal amin'ny fanombohana kilasy

fanamarihana

Azonao atao ny manetsika ny modals amin'ny pejinao mora nefa tsy mila manoratra andalana iray amin'ny javascript. Omeo singa iray fotsiny ny data-controls-modaltoetra mifanaraka amin'ny id singa modal, ary rehefa kitihina dia hanomboka ny modal-nao. Mba hanampiana safidy modal, ampidiro fotsiny ho toy ny toetran'ny data ihany koa izy ireo.

<a class = "btn" data-controls-modal = "my-modal" data-backdrop = "true" > Modal fandefasana </a>    

Mariho Raha tianao ny modalinao hivoaka sy hivoaka, ampio .fadekilasy iray fotsiny amin'ny .modalsinganao (jereo ny demo raha te hahita izany amin'ny hetsika).

fomba

.modal(safidy)

Mampihetsika ny atiny ho toy ny modal. Manaiky safidy azo atao object.

$ ( '#my-modal' ). modal ({
  closeOnEscape : marina 
})

.modal('toggle')

Manova fomba tanana iray.

$ ( '#my-modal' ). modal ( 'toggle' )

.modal('show')

Manokatra modal amin'ny tanana.

$ ( '#my-modal' ). modal ( 'show' )

.modal('manafina')

Manafina modal iray amin'ny tanana.

$ ( '#my-modal' ). modal ( 'manafina' )

.modal(marina)

Mamerina ohatra classe modèl element.

$ ( '#my-modal' ). modal ( marina )

Mariho ihany koa, ity dia azo alaina amin'ny $().data('modal').

zava-mitranga

Ny kilasy modal an'ny Bootstrap dia mampiharihary hetsika vitsivitsy ho an'ny fampifandraisana amin'ny fiasa modal.

Event	Description
FAMPISEHOANA	Mirehitra avy hatrany ity hetsika ity rehefa showantsoina ny fomba fiasa.
naseho	Ity hetsika ity dia voaroaka rehefa natao ho hitan'ny mpampiasa ny modal (hiandry ny fifindran'ny css ho vita).
afeno ny	Ity hetsika ity dia alefa avy hatrany rehefa hidenantsoina ny fomba fiasa.
Zavatra tsy	Ity hetsika ity dia alefa rehefa vita ny nafenina tamin'ny mpampiasa ny modal (hiandry ny famitana ny tetezamita css).

$ ( '#my-modal' ). mamatotra ( 'miafina' , asa () {   
  // manao zavatra ...
})

Demo

Alefaso ny Modal

Ity plugin ity dia natao hanampiana fifandraisana midina amin'ny bootstrap topbar na navigateur misy tabilao.

DOWNLOAD

Mampiasa boostrap-dropdown.js

$ ( '#topbar' ). midina ()

fanamarihana

Mba hanampiana haingana ny fampiasa midina amin'ny singa nav rehetra dia ampiasao ny data-dropdowntoetra. Izay fidinana bootstrap manan-kery dia ho alefa ho azy.

<ul class = "tabs" > 
  <li class = "active" ><a href = "#" > Home </a></li>  
  <li class = "dropdown" data-dropdown = "dropdown" >   
    <a href = "#" class = "dropdown-toggle" > Dropdown </a>  
    <ul class = "menu dropdown" > 
      <li><a href = "#" > Rohy faharoa </a></li> 
      <li><a href = "#" > Zavatra hafa eto </a></li> 
      <li class = "divider" ></li> 
      <li><a href = "#" > Rohy hafa </a></li> 
    </ul>
  </li>
</ul>

Mariho Raha manana fidina maromaro ny uinao, dia eritrereto ny manampy ilay data-dropdowntoetra amin'ny singa fitahirizana manan-danja kokoa toa ny .tabsna .topbar.

fomba

$().midina()

Programatic api ho an'ny fampahavitrihana menus ho an'ny topbar nomena na navigateur misy tabilao.

Demo

Ity plugin ity dia natao hanampiana ny scrollspy (auto update nav) fifandraisana amin'ny bootstrap topbar.

DOWNLOAD

Mampiasa boostrap-scrollspy.js

$ ( '#topbar' ). midina ()

fanamarihana

Raha te hampiditra mora foana ny fihetsika scrollspy amin'ny nav-nao dia ampio fotsiny ny data-scrollspytoetra amin'ny .topbar.

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

fomba

$().scrollspy()

Auto manetsika ny bokotra fitetezana amin'ny toeran'ny horonam-bokin'ny mpampiasa.

$ ( 'body > .topbar' ). scrollSpy ()

Mariho fa ny marika vatofantsika Topbar dia tsy maintsy manana lasibatra id azo vahana. Ohatra, <a href="#home">home</a>tsy maintsy mifanaraka amin'ny zavatra ao amin'ny dom toy ny <div id="home"></div>.

.scrollspy('refresh')

Ny scrollspy dia mitahiry ny bokotra nav sy ny fandrindrana fizarana ho an'ny fampisehoana. Raha mila manavao ity cache ity ianao (mety raha manana votoaty mavitrika ianao) antsoy fotsiny ity fomba fanavaozana ity. Raha nampiasa ny toetra angona ianao hamaritana ny scrollspy anao, antsoy fotsiny ny famelombelomana amin'ny vatana.

$ ( 'vatana' ). scrollspy ( 'refresh' )

Demo

Jereo ny navigateur topbar amin'ity pejy ity.

Ity plugin ity dia manampy tabilao haingana sy mavitrika ary fampiasa pilina.

DOWNLOAD

Mampiasa boostrap-tabs.js

$ ( '.tabs' ). tabilao ()

fanamarihana

Azonao atao ny manetsika kiheba na takelaka navigation nefa tsy manoratra javascript amin'ny fanomezana azy ireo toetra data-tabsna data-pillstoetra fotsiny.

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

fomba

$().tabs na $().pills

Manetsika ny fampiasa tabilao sy pilina ho an'ny fitoeran-javatra iray. Ny rohy kiheba dia tokony hanondro id amin'ny antontan-taratasy.

<ul class = "tabs" > 
  <li class = "active" ><a href = "#home" > Home </a></li>  
  <li><a href = "#profile" > Profile </a></li> 
  <li><a href = "#messages" > Hafatra </a></li> 
  <li><a href = "#settings" > Fikirana </a></li> 
</ul>
 
<div class = "pill-content" > 
  <div class = "active" id = "home" > ... </div>  
  <div id = "profile" > ... </div> 
  <div id = "message" > ... </div> 
  <div id = "settings" > ... </div> 
</ul>
 
<script>
  $ ( asa () {  
    $ ( '.tabs' ). tabilao ()
  })
</script>

Demo

• an-trano
• TANTARANY
• Hafatra
• Fikirana

Miorina amin'ny plugin jQuery.tipsy tsara indrindra nosoratan'i Jason Frame; twipsy dia dikan-teny nohavaozina, izay tsy miankina amin'ny sary, mampiasa css3 ho an'ny sary mihetsika, ary data-attributes amin'ny fitahirizana lohateny!

DOWNLOAD

Mampiasa bootstrap-twipsy.js

$ ( '#ohatra' ). twipsy ( safidy )

FANDIKANA

Anarana	karazana	toerana misy anao	Description
selan'izy	boolean	marina	ampiharo css fade transition amin'ny tooltip
delayIn	isa	0	fahatarana alohan'ny hanehoana ny toro-hevitra (ms)
delayOut	isa	0	fanemorana alohan'ny hanafenana fitaovana (ms)
hianjera indray	tady	''	lahatsoratra ampiasaina rehefa tsy misy lohatenin'ny torolalana
fametrahana	tady	'ambony'	ahoana ny fametrahana ny tondro-fitaovana - etsy ambony | ambany | ankavia | TSARA
html	boolean	DISO	mamela votoaty html ao anatin'ny toro-hevitra
velona	boolean	DISO	mampiasa delegasiona hetsika fa tsy mpitantana hetsika tsirairay
offset	isa	0	pixel offset amin'ny tooltip avy amin'ny singa kendrena
lohateny	string | asa	'lohateny'	toetra na fomba hamerenana ny lahatsoratry ny lohateny
miteraka	tady	'hover'	ny fomba fampandehanana ny topy fitaovana - hover | mifantoka | boky fampianarana

fomba

$().twipsy(safidy)

Ampifandraiso amin'ny fanangonana singa iray ny mpandrindra twipsy.

.twipsy('show')

Mampiseho singa twinsy.

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

.twipsy('manafina')

Manafina singa twipsy.

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

.twipsy(marina)

Mamerina ohatra iray kilasy twipsy singa.

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

Mariho ihany koa, ity dia azo alaina amin'ny $().data('twipsy').

Demo

Ny plugin popover dia manome interface tsara amin'ny fampidirana popovers amin'ny fampiharanao. Izy io dia manitatra ny plugin boostrap-twipsy.js , koa aoka ho azo antoka ny haka an'io rakitra io rehefa mampiditra popovers amin'ny tetikasanao!

DOWNLOAD

Mampiasa boostrap-popover.js

$ ( '#ohatra' ). popover ( safidy )

FANDIKANA

Anarana	karazana	toerana misy anao	Description
selan'izy	boolean	marina	ampiharo css fade transition amin'ny tooltip
delayIn	isa	0	fahatarana alohan'ny hanehoana ny toro-hevitra (ms)
delayOut	isa	0	fanemorana alohan'ny hanafenana fitaovana (ms)
hianjera indray	tady	''	lahatsoratra ampiasaina rehefa tsy misy lohatenin'ny torolalana
fametrahana	tady	'marina'	ahoana ny fametrahana ny tondro-fitaovana - etsy ambony | ambany | ankavia | TSARA
html	boolean	DISO	mamela votoaty html ao anatin'ny toro-hevitra
velona	boolean	DISO	mampiasa delegasiona hetsika fa tsy mpitantana hetsika tsirairay
offset	isa	0	pixel offset amin'ny tooltip avy amin'ny singa kendrena
lohateny	string | asa	'lohateny'	toetra na fomba hamerenana ny lahatsoratry ny lohateny
votoaty	string | asa	'data-content'	toetra na fomba hamerenana lahatsoratra votoaty
miteraka	tady	'hover'	ny fomba fampandehanana ny topy fitaovana - hover | mifantoka | boky fampianarana

fomba

$().popover(safidy)

Manomboha popover ho an'ny fanangonana singa.

.popover('show')

Manambara singa popover.

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

.popover('manafina')

Manafina singa popover.

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

Demo

hover ho popover

Ny plugin fampandrenesana dia kilasy faran'izay bitika indrindra hanampiana fampiasa akaiky amin'ny fanairana.

DOWNLOAD

Mampiasa bootstrap-alerts.js

$ ( ".alert-message" ). mailo ()

fanamarihana

Manampia data-alerttoetra fotsiny amin'ny hafatra fanairanao mba hanomezana azy ireo fampiasa akaiky.

fomba

$().alert()

Manarona ny fanairana rehetra miaraka amin'ny fiasa akaiky. Mba hahatonga ny fampandrenesanao hivoaka rehefa mihidy, ataovy azo antoka fa efa nampiharina tamin'izy ireo ny .fadesy kilasy..in

.alert('akaiky')

Manidy fanairana.

$ ( ".alert-message" ). fanairana ( 'akaiky' )

Demo