O la matou Modal plugin o se faʻaoga sili ona laititi i luga o le faʻapipiʻi modal js masani, faʻaeteete faʻapitoa e aofia ai naʻo galuega faʻapitoa tatou te manaʻomia iinei i le twitter.

La'u mai

Faʻaaogaina bootstrap-modal

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

Filifiliga

Igoa	ituaiga	faaletonu	fa'amatalaga
tuaa	boolean	pepelo	E aofia ai se elemene fa'aola-backdrop
piano	boolean	pepelo	Tapuni le auala pe a oomi le ki sola
fa'aali	boolean	pepelo	Tatala modal i le amataina o vasega

Fa'ailoga

E mafai ona e faʻagaoioia modals i luga o lau itulau faigofie e aunoa ma le tusiaina o se laina se tasi o javascript. Naʻo le tuʻuina atu o se elemene se data-controls-modaluiga e fetaui ma se faʻailoga elemene id, ma pe a kiliki, o le a faʻalauiloa lau auala. Ina ia fa'aopoopo filifiliga fa'apitoa, na'o le fa'aofiina o fa'amaumauga o fa'amaumauga.

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

Fa'aaliga Afai e te mana'o i lau auala e fa'aola i totonu ma fafo, na'o le fa'aopoopoina o se .fadevasega i lau .modalelemene (silasila i le demo e va'ai ai i le gaioiga).

Metotia

.modal(filifiliga)

Fa'agaoioia lau anotusi e fai ma fa'ata'ita'iga. Talia se filifiliga faitalia object.

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

.modal('toggle')

Su'e ma le lima se faiga.

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

.modal('fa'aali')

Tatala ma le lima se auala.

$ ( '#my-modal' ). modal ( 'fa'aali' )

.modal('natia')

Natia ma le lima se auala.

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

.modal(moni)

Toe fa'afo'i se fa'ata'ita'iga o le vasega fa'avae elemene.

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

Fa'aaliga I le isi itu, e mafai ona toe maua mai i le $().data('modal').

Mea na tutupu

O le vasega fa'apitoa a Bootstrap o lo'o fa'aalia ai ni nai mea na tutupu mo le fa'aogaina o galuega fa'atino.

Mea na tupu	Fa'amatalaga
fa'aali	E mu vave lenei mea pe a showvala'au le auala fa'ata'ita'i.
faaalia	O lenei mea e tupu pe a faʻaalia le faʻaogaina e le tagata faʻaoga (o le a faʻatali mo suiga css e maeʻa).
lalafi	O lenei mea na tupu e faʻamalo vave pe a hidevalaʻau le auala faʻataʻitaʻiga.
natia	O lenei mea e tupu pe a maeʻa ona natia le modal mai le tagata faʻaoga (o le a faʻatali mo suiga css e maeʻa).

$ ( '#my-modal' ). fusifusia ( 'natia' , galuega () {   
  // fai se mea ...
})

Fa'aaliga

Tatala Modal

O lenei mea fa'apipi'i e mo le fa'aopoopoina o feso'ota'iga pa'u i lalo i le bootstrap topbar po'o fa'asalalauga fa'apipi'i.

La'u mai

Fa'aaogāina boostrap-dropdown.js

$ ( '#topbar' ). pa'u i lalo ()

Fa'ailoga

Ina ia vave faʻaopoopo galuega faʻalalo i soʻo se elemene nav, faʻaaoga le data-dropdownuiga. E otometi lava ona fa'agaoioia so'o se bootstrap pa'u lalo.

<ul class = "tabs" > 
  <li class = "active" ><a href = "#" > Home </a></li>  
  <li class = "pa'u i lalo" data-pa'u i lalo = "pa'u i lalo" >   
    <a href = "#" class = "pa'ū-toggle" > Pa'u i lalo </a>  
    <ul class = "fa'alalo-menu" > 
      <li><a href = "#" > So'oga lona lua </a></li> 
      <li><a href = "#" > O se isi mea iinei </a></li> 
      <li vasega = "vaelua" ></li> 
      <li><a href = "#" > O se isi so'oga </a></li> 
    </ul>
  </li>
</ul>

Fa'aaliga Afai e tele lau pa'u i lalo o lau ui, mafaufau e fa'aopoopo le data-dropdownuiga i se mea e sili atu le taua o le pusa e pei o .tabspo'o .topbar.

Metotia

$().pa'u i lalo()

O se polokalame fa'apolokalame mo le fa'agaoioia o menus mo se pito i luga po'o le fa'asalalauga fa'apipi'i.

Fa'aaliga

O lenei mea fa'apipi'i e mo le fa'aopoopoina o le scrollspy (auto update nav) feso'ota'iga i le bootstrap topbar.

La'u mai

Fa'aaogāina boostrap-scrollspy.js

$ ( '#topbar' ). pa'u i lalo ()

Fa'ailoga

Ina ia faʻafaigofie ona faʻaopoopo amioga faʻasalalau i lau nav, naʻo le faʻaopoopoina o le data-scrollspyuiga i le .topbar.

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

Metotia

$().scrollspy()

Otometi fa'agaoioi fa'amau fa'asaga e tagata fa'aoga tulaga ta'ai.

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

Fa'aaliga Topbar fa'ailoga taula e tatau ona i ai fa'amaufa'ailoga fa'ailoga. Mo se faʻataʻitaʻiga, e <a href="#home">home</a>tatau ona fetaui ma se mea i totonu o le fale e pei o <div id="home"></div>.

.scrollspy('refresh')

O le scrollspy e teuina fa'amau nav ma fa'amaopoopo vaega mo fa'atinoga. Afai e te manaʻomia le faʻafouina o lenei faʻaoga (masalo pe a iai sau mea faʻamalosi) naʻo le valaʻau i lenei auala faʻafouina. Afai na e faʻaogaina le faʻamatalaga faʻamatalaga e faʻamalamalama ai lau scrollspy, naʻo le valaʻau faʻafouina i luga o le tino.

$ ( 'tino' ). scrollspy ( 'refresh' )

Fa'aaliga

Siaki le fa'asagaga pito i luga o lenei itulau.

O lenei mea fa'apipi'i fa'aopoopoina vave, fa'agaioiga ta'aloga ma pill functionality.

La'u mai

Fa'aaogāina boostrap-tabs.js

$ ( '.tabs' ). laupepa ()

Fa'ailoga

E mafai ona e fa'agaoioia se fa'ailoga po'o se pill navigation e aunoa ma le tusiaina o so'o se javascript i le na'o le tu'uina atu ia i latou o se data-tabsuiga data-pills.

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

Metotia

$().tabs po o $().pills

Fa'agaoioi le fa'aogaina o le tab ma le piliki mo se koneteina. O feso'ota'iga tab e tatau ona fa'asino ile id ile pepa.

<ul class = "tabs" > 
  <li class = "active" ><a href = "#home" > Home </a></li>  
  <li><a href = "#profile" > Tala'aga </a></li> 
  <li><a href = "#messages" > Savali </a></li> 
  <li><a href = "#settings" > Fa'atonu </a></li> 
</ul>
 
<div class = "pill-content" > 
  <div class = "active" id = "home" > ... </div>  
  <div id = "profile" > ... </div> 
  <div id = "mesages" > ... </div> 
  <div id = "seti" > ... </div> 
</ul>
 
<script>
  $ ( galuega () {  
    $ ( '.tabs' ). laupepa ()
  })
</script>

Fa'aaliga

• Aiga
• Tala'aga
• Feau
• Fa'atonu

Faʻavae i luga o le plugin sili jQuery.tipsy tusia e Jason Frame; twipsy ose fa'afouga fou, e le fa'alagolago i ata, fa'aaoga css3 mo fa'afiafiaga, ma fa'amaumauga-uiga mo le teuina o suafa!

La'u mai

Fa'aaogāina bootstrap-twipsy.js

$ ( '#fa'ata'ita'iga' ). twipsy ( filifiliga )

Filifiliga

Igoa	ituaiga	faaletonu	fa'amatalaga
fa'aola	boolean	moni	fa'aoga se suiga e mou atu css i le mea faigaluega
tuaiI	numera	0	tuai a'o le'i fa'aali atu meafaigaluega (ms)
fa'atuai	numera	0	tuai a'o le'i nanaina meafaigaluega (ms)
toe fo'i	manoa	''	tusitusiga e fa'aoga pe a leai se ulutala meafaigaluega o iai
tu'uga	manoa	'luga'	fa'afefea ona fa'atulaga le mea faigaluega - luga | lalo | agavale | tauagavale
html	boolean	pepelo	fa'ataga html mea i totonu o meafaigaluega
ola	boolean	pepelo	fa'aoga le tu'uina atu o mea na tutupu nai lo le fa'afoeina o mea ta'itasi
fa'ase'e	numera	0	pixel offset ole tooltip mai le elemene sini
suafa	manoa | galuega faatino	'igoa'	uiga po'o le auala e toe maua mai ai le ulutala
fa'aoso	manoa	'ave'ave'	pe fa'afefea ona fa'aosoina meafaigaluega - fa'afefe | taula'i | tusi lesona

Metotia

$().twipsy(filifiliga)

Fa'apipi'i se twipsy handler i se aoina elemene.

.twipsy('fa'aali')

Fa'aalia se elemene twipsy.

$ ( '#elemene' ). twipsy ( 'fa'aali' )

.twipsy('natia')

Natia se elemene twipsy.

$ ( '#elemene' ). twipsy ( 'natia' )

.twipsy(moni)

Toe fa'afo'i se elemene twipsy vasega fa'ata'ita'iga.

$ ( '#elemene' ). twipsy ( moni )

Fa'aaliga I le isi itu, e mafai ona toe maua mai i le $().data('twipsy').

Fa'aaliga

O le popover plugin e maua ai se faʻaoga faigofie mo le faʻaopoopoina o popovers i lau talosaga. E faʻalautele le boostrap-twipsy.js plugin, ia mautinoa e puʻe lena faila pe a aofia ai popovers i lau poloketi!

La'u mai

Fa'aaogāina boostrap-popover.js

$ ( '#fa'ata'ita'iga' ). popover ( filifiliga )

Filifiliga

Igoa	ituaiga	faaletonu	fa'amatalaga
fa'aola	boolean	moni	fa'aoga se suiga e mou atu css i le mea faigaluega
tuaiI	numera	0	tuai a'o le'i fa'aali atu meafaigaluega (ms)
fa'atuai	numera	0	tuai a'o le'i nanaina meafaigaluega (ms)
toe fo'i	manoa	''	tusitusiga e fa'aoga pe a leai se ulutala meafaigaluega o iai
tu'uga	manoa	'tauagavale'	fa'afefea ona fa'atulaga le mea faigaluega - luga | lalo | agavale | tauagavale
html	boolean	pepelo	fa'ataga html mea i totonu o meafaigaluega
ola	boolean	pepelo	fa'aoga le tu'uina atu o mea na tutupu nai lo le fa'afoeina o mea ta'itasi
fa'ase'e	numera	0	pixel offset ole tooltip mai le elemene sini
suafa	manoa | galuega faatino	'igoa'	uiga po'o le auala e toe maua mai ai le ulutala
anotusi	manoa | galuega faatino	'anotusi-fa'amaumauga'	uiga po'o le auala e toe maua mai ai anotusi
fa'aoso	manoa	'ave'ave'	pe fa'afefea ona fa'aosoina meafaigaluega - fa'afefe | taula'i | tusi lesona

Metotia

$().popover(filifiliga)

E amata popovers mo se aoina elemene.

.popover('fa'aali')

Fa'aalia se fa'apipi'i elemene.

$ ( '#elemene' ). popover ( 'fa'aali' )

.popover('natia')

Natia se fa'apipi'i elemene.

$ ( '#elemene' ). popover ( 'natia' )

Fa'aaliga

fa'ae'e mo popover

O le mataala plugin o se vasega sili ona laʻititi mo le faʻaopoopoina o galuega vavalalata i faʻasalalauga.

La'u mai

Fa'aaogāina bootstrap-alerts.js

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

Fa'ailoga

Na'o le fa'aopoopoina o se data-alertuiga i au fe'au mataalia e otometi ona tu'uina atu ia i latou fa'atinoga vavalalata.

Metotia

$().alert()

Ta'i fa'alilolilo uma fa'atasi ma fa'atinoga vavalalata. Ina ia fa'aoso au fa'ailo pe a tapuni, ia mautinoa o lo'o i ai le .fadema .inle vasega ua uma ona fa'aoga ia i latou.

.alert('tapuni')

Tapuni se mataala.

$ ( ".alert-message" ). mataala ( 'tapuni' )

Fa'aaliga