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, tady	DISO	Ahitana singa modal-backdrop. Apetraho amin'ny lamosina "static"raha tsy tianao hikatona ny modal rehefa kitihina ny lamosina.
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 = "static" > 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 ({
  fitendry : 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 bootstrap-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 bootstrap-scrollspy.js

$ ( '#topbar' ). scrollSpy ()

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 mandrindra ny fizarana ho an'ny fampisehoana. Raha mila manavao ity cache ity ianao (mety raha manana votoaty mavitrika ianao) antsoy fotsiny ity fomba famelombelomana ity. Raha nampiasa ny toetra angona ianao hamaritana ny scrollspy anao, antsoy fotsiny ny famelomana ny vatana.

$ ( 'vatana' ). scrollSpy ( 'refresh' )

Demo

Jereo ny navigateur topbar amin'ity pejy ity.

Ity plugin ity dia manolotra fiasa fanampiny amin'ny fitantanana ny toetry ny bokotra.

DOWNLOAD

Mampiasa bootstrap-buttons.js

$ ( '.tabs' ). bokotra ()

fomba

$().button('toggle')

Manova ny toetry ny fanosehana. Manome btn ny fijery fa efa navitrika.

Fanamarihana Azonao atao ny manova ny bokotra automatique amin'ny fampiasana ny data-toggletoetra.

<button class = "btn" data-toggle = "toggle" > ... </button>   

$().button('loading')

Mametraka ny toetry ny bokotra amin'ny fametahana - manafoana ny bokotra ary manova lahatsoratra amin'ny fandefasana lahatsoratra. Ny fametahana lahatsoratra dia tokony hofaritana amin'ny singa bokotra amin'ny fampiasana ny toetra angona data-loading-text.

<button class = "btn" data-loading-text = "loading stuff..." > ... </button>   

$().button('reset')

Mamerina ny toetry ny bokotra - manova lahatsoratra amin'ny lahatsoratra tany am-boalohany.

$().button(string)

Mamerina ny toetry ny bokotra - manova lahatsoratra amin'ny toetry ny lahatsoratra voafaritra.

<button class = "btn" data-complete-text = "vita!" > ... </bokotra>   
<script>
  $('.btn').button('complete')
</script>

Demo

Loading Demo Toggle Demo

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

DOWNLOAD

Mampiasa bootstrap-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> 
</div>
 
<script>
  $ ( asa () {  
    $ ( '.tabs' ). tabilao ()
  })
</script>

zava-mitranga

Event	Description
fiovana	Ity hetsika ity dia mirehitra amin'ny fanovana tabilao. Ampiasao event.targetsy event.relatedTargetikendrena ny tabilao mavitrika sy ny tabilao mavitrika teo aloha tsirairay avy.

$ ( '#.tabs' ). mamatotra ( 'miova' , asa ( e ) {   
  e . tanjona // vakizoro mavitrika
  e . relatedTarget // tabilao teo aloha
})

Demo

• an-trano
• TANTARANY
• Hafatra
• Fikirana
• Velarina
  • @matavy
  • @mdo

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	fahatarana alohan'ny hanafenana ny tondro fitaovana (ms)
hianjera indray	tady	''	lahatsoratra ampiasaina rehefa tsy misy lohatenin'ny fitaovana
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 fakana lahatsoratra lohateny
miteraka	tady	'hover'	ny fomba fampandehanana ny topy fitaovana - hover | mifantoka | boky fampianarana
môdely	tady	[marika default]	Ny môdely html ampiasaina amin'ny famoahana twipsy.

Fanamarihana Ny safidy ohatra twipsy tsirairay dia azo faritana amin'ny alàlan'ny fampiasana ny toetran'ny data.

<a href = "#" data-placement = "ambany" rel = 'twipsy' title = 'Some title text' > text </a>    

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 bootstrap-twipsy.js , koa aoka ho azo antoka ny haka an'io rakitra io rehefa mampiditra popovers amin'ny tetikasanao!

Fanamarihana Tsy maintsy ampidirinao ny rakitra bootstrap-twipsy.js alohan'ny bootstrap-popover.js.

DOWNLOAD

Mampiasa bootstrap-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	fahatarana alohan'ny hanafenana ny tondro fitaovana (ms)
hianjera indray	tady	''	lahatsoratra ampiasaina rehefa tsy misy lohatenin'ny fitaovana
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 fakana lahatsoratra lohateny
votoaty	string, asa	'data-content'	tady na fomba hakana lahatsoratra votoaty. raha tsy misy omena, dia azo avy amin'ny toetra votoaty data.
miteraka	tady	'hover'	ny fomba fampandehanana ny topy fitaovana - hover | mifantoka | boky fampianarana
môdely	tady	[marika default]	Ny môdely html ampiasaina amin'ny famoahana popover.

Fanamarihana Ny safidy ohatra popover tsirairay dia azo faritana amin'ny alàlan'ny fampiasana ny toetran'ny data.

<a data-placement = "ambany" href = "#" class = "btn danger" rel = "popover" > lahatsoratra </a>    

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.

FANDIKANA

Anarana	karazana	toerana misy anao	Description
mpifidy	tady	'.akaiky'	Iza no mifidy hokendrena amin'ny fanakatonana fanairana.

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