Anyị Modal ngwa mgbakwunye bụ a ibu slim were na omenala modal js ngwa mgbakwunye, na-elekọta pụrụ iche na-agụnye naanị iferi ọrụ na anyị chọrọ ebe a na twitter.

Budata

Iji bootstrap-modal

$ ( '#my-modal' ). modal ( nhọrọ )

Nhọrọ

Aha	ụdị	ndabara	nkọwa
ndabere	boolean	ụgha	Na-agụnye ihe modal-backdrop element
ahụigodo	boolean	ụgha	Na-emechi modal mgbe ịpịrị igodo mgbapụ
gosi	boolean	ụgha	Mepee modal na mbido klaasị

Akara akara

Ị nwere ike ịgbalite modals na ibe gị n'ụzọ dị mfe na-enweghị ide otu ahịrị javascript. Naanị nye mmewere otu data-controls-modalnjiri mara nke dabara na id element element, ma mgbe ịpịrị ya, ọ ga-ebido modal gị. Ka ịgbakwunye nhọrọ modal, naanị tinye ha dị ka njirimara data.

<a class = "btn" data-controls-modal = "my-modal" data-backdrop = "eziokwu" > Mwepụta Modal </a>    

Mara Ọ bụrụ na ịchọrọ ka modal gị na-emegharị ma pụta, tinye naanị otu .fadeklas na .modalmmewere gị ( rụtụ aka na ngosi ka ịhụ nke a na-arụ ọrụ).

Ụzọ

.modal(nhọrọ)

Na-eme ka ọdịnaya gị rụọ ọrụ dị ka modal. Nabata nhọrọ nhọrọ object.

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

.modal('ntụgharị')

Iji aka na-atụgharị modal.

$ ( '#my-modal' ). modal ( 'ntụgharị' )

.modal('show')

Iji aka na-emepe modal.

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

.modal('zoo')

Iji aka na-ezo modal.

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

.modal(ezi)

Weghachite ihe atụ klaasị modal element.

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

Mara N'aka nke ọzọ, enwere ike weghachite nke a na $().data('modal').

Ihe omume

Klas modal Bootstrap na-ekpughe ihe omume ole na ole maka ịbanye n'ime ọrụ modal.

Ihe omume	Nkọwa
gosi	Ihe omume a na-agba ọkụ ozugbo showa na-akpọ usoro ihe atụ.
egosiri	A na-achụpụ ihe omume a mgbe onye ọrụ mere ka modal ahụ anya (ga-echere ntụgharị css ka agwụchaa).
zoo	A na-agbapụ ihe omume a ozugbo hidea kpọrọ usoro ihe atụ.
zoro ezo	A na-achụpụ ihe omume a mgbe ezoro ezoro ya n'aka onye ọrụ modal (ga-echere mgbanwe css iji wuchaa).

$ ( '#my-modal' ). kechie ( 'zoro ezo' , ọrụ () {   
  // mee ihe...
})

ngosi

Mwepụta Modal

Ngwa mgbakwunye a bụ maka ịgbakwunye mmekọrịta ndọda na bootstrap topbar ma ọ bụ igodo taabụ.

Budata

Iji boostrap-dropdown.js

$ ( '#topbar' ). dropdown ()

Akara akara

Ka ịgbakwunye ọrụ ndọda ngwa ngwa na mmewere ọ bụla, jiri data-dropdownnjirimara. A ga-eme ka mwụda bootstrap ọ bụla dị irè na-akpaghị aka.

<ul klas = "taabụ" > 
  <li class = "ọrụ" ><a href = "#" > Ụlọ </a></li>  
  <li klaasị = "ndabere" data-dropdown = "ndodata" >   
    <a href = "#" klaasị = "dropdown-toggle" > Mbudata </a>  
    <ul klas = "ndropdown-menu" > 
      <li><a href = "#" > Njikọ nke abụọ </a></li> 
      <li><a href = "#" > Ihe ọzọ ebe a </a></li> 
      <li klas = "onye nkesa" </li> 
      <li><a href = "#" > Njikọ ọzọ </a></li> 
    </ul>
  </li>
</ul>

Rịba ama Ọ bụrụ na ui gị nwere ọtụtụ ndapụta, tụlee ịgbakwunye data-dropdownàgwà ahụ na ihe dị mkpa karịa akpa dị ka .tabsma ọ bụ .topbar.

Ụzọ

$().dropdown()

Api mmemme maka ime ka menus rụọ ọrụ maka otu topbar enyere ma ọ bụ igodo taabụ.

ngosi

Ngwa mgbakwunye a bụ maka ịgbakwunye mkparịta ụka scrollspy (nav na-emelite nav na-akpaghị aka) na topbar bootstrap.

Budata

Iji boostrap-scrollspy.js

$ ( '#topbar' ). dropdown ()

Akara akara

Ka ịgbakwunye omume scrollspy ngwa ngwa na nav gị, tinye naanị data-scrollspynjirimara na faịlụ .topbar.

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

Ụzọ

$().scrollspy()

Na akpaghị aka na-eme bọtịnụ igodo nsoroụzọ site na ndị ọrụ pịgharịa ọnọdụ.

$ ( 'ahụ> .topbar' ). scrollSpy ()

Rịba ama mkpado arịlịka Topbar ga-enwerịrị ebumnuche id nwere ike idozi. Dịka ọmụmaatụ, a <a href="#home">home</a>ga-ederịrị ihe n'ime ụlọ dịka <div id="home"></div>.

.scrollspy('refresh')

The scrollspy cache bọtịnụ nav na ngalaba na-ahazi maka ịrụ ọrụ. Ọ bụrụ na ịchọrọ imelite cache a (ikekwe ma ọ bụrụ na ị nwere ọdịnaya siri ike) naanị kpọọ usoro ume ọhụrụ a. Ọ bụrụ na i jiri njirimara data kọwaa scrollspy gị, naanị kpọọ ume ọhụrụ na ahụ.

$ ( 'ahụ' ). scrollspy ( 'refresh' )

ngosi

Lelee nsoroụzọ topbar dị na ibe a.

Ngwa mgbakwunye a na-agbakwunye ngwa ngwa taabụ na arụ ọrụ pill.

Budata

Iji boostrap-tabs.js

$ ( '.taabụ' ). taabụ ()

Akara akara

Ị nwere ike ịgbalite taabụ ma ọ bụ pill navigation na-edeghị Javascript ọ bụla site n'inye ha naanị otu data-tabsàgwà data-pills.

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

Ụzọ

$().taabụ ma ọ bụ $().ọgwụ

Na-arụ ọrụ tab na pill arụ ọrụ maka akpa enyere. Njikọ tab kwesịrị ịtụ aka id's na akwụkwọ.

<ul klas = "taabụ" > 
  <li class = "ọrụ" ><a href = "#ụlọ" > Ụlọ </a></li>  
  <li><a href = "#profile" > Profaịlụ </a></li> 
  <li><a href = "#messages" > Ozi </a></li> 
  <li><a href = "#settings" > Ntọala </a></li> 
</ul>
 
<div klaasị = "ọdịnaya pill" > 
  <div class = "ọrụ" id = "ụlọ" > ... </div>  
  <div id = "profaịlụ" > ... </div> 
  <div id = "ozi" > ... </div> 
  <div id = "ntọala" > ... </div> 
</ul>
 
<edemede>
  $ ( ọrụ () {  
    $ ( '.taabụ' ). taabụ ()
  })
</script>

ngosi

• Ụlọ
• Profaịlụ
• Ozi
• Ntọala

Dabere na ngwa mgbakwunye jQuery.tipsy mara mma nke Jason Frame dere; twipsy bụ ụdị emelitere, nke na-adabereghị na onyonyo, na-eji css3 maka eserese, yana njirimara data maka nchekwa aha!

Budata

Iji bootstrap-twipsy.js

$ ( '#ihe atụ' ). twipsy ( nhọrọ )

Nhọrọ

Aha	ụdị	ndabara	nkọwa
animate	boolean	eziokwu	tinye mgbanwe css fade na ngwungwu ngwaọrụ
delayIn	nọmba	0	igbu oge tupu egosi ngwa ọrụ (ms)
egbula oge	nọmba	0	igbu oge tupu i zobe ihe enyemaka (ms)
daghachi azụ	eriri	''	ederede ị ga-eji mgbe enweghị aha ngwa ọrụ adịghị
ntinye	eriri	'n'elu'	otu esi edobe ngwa ọrụ - n'elu | n'okpuru | aka ekpe | nri
html	boolean	ụgha	na-enye ohere html ọdịnaya n'ime Tooltip
ibi ndụ	boolean	ụgha	jiri ndị nnọchi anya mmemme kama ndị na-ahụ maka mmemme n'otu n'otu
nkwụsị	nọmba	0	pikselụ dechapụ nke Tooltip site na ebumnuche ebumnuche
aha	eriri | ọrụ	' aha'	àgwà ma ọ bụ usoro maka iweghachite ederede aha
ịkpalite	eriri	'hover'	otú Tooltip si akpalite - hover | lekwasịrị anya | akwụkwọ ntuziaka

Ụzọ

$().twipsy(nhọrọ)

Na-etinye onye na-ahụ maka twipsy na mkpokọta mmewere.

.twipsy('show')

Na-ekpughe ihe ndị na-agbanwe agbanwe.

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

.twipsy('zoo')

Na-ezobe ihe mgbịrịgba twipsy.

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

.twipsy(ezi)

Na-eweghachite ihe atụ klaasị twipsy.

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

Mara N'aka nke ọzọ, enwere ike weghachite nke a na $().data('twipsy').

ngosi

Ngwa mgbakwunye popover na-enye interface dị mfe maka ịgbakwunye popovers na ngwa gị. Ọ na-agbatị ngwa mgbakwunye boostrap-twipsy.js , yabụ jide n'aka na ị ga-ejide faịlụ ahụ mgbe ị gụnyere popovers na ọrụ gị!

Budata

Iji boostrap-popover.js

$ ( '#ihe atụ' ). popover ( nhọrọ )

Nhọrọ

Aha	ụdị	ndabara	nkọwa
animate	boolean	eziokwu	tinye mgbanwe css fade na ngwungwu ngwaọrụ
delayIn	nọmba	0	igbu oge tupu egosi ngwa ọrụ (ms)
egbula oge	nọmba	0	igbu oge tupu i zobe ihe enyemaka (ms)
daghachi azụ	eriri	''	ederede ị ga-eji mgbe enweghị aha ngwa ọrụ adịghị
ntinye	eriri	'ziri ezi'	otu esi edobe ngwa ọrụ - n'elu | n'okpuru | aka ekpe | nri
html	boolean	ụgha	na-enye ohere html ọdịnaya n'ime Tooltip
ibi ndụ	boolean	ụgha	jiri ndị nnọchi anya mmemme kama ndị na-ahụ maka mmemme n'otu n'otu
nkwụsị	nọmba	0	pikselụ dechapụ nke Tooltip site na ebumnuche ebumnuche
aha	eriri | ọrụ	' aha'	àgwà ma ọ bụ usoro maka iweghachite ederede aha
ọdịnaya	eriri | ọrụ	'data-ọdịnaya'	àgwà ma ọ bụ usoro maka iweghachite ederede ọdịnaya
ịkpalite	eriri	'hover'	otú Tooltip si akpalite - hover | lekwasịrị anya | akwụkwọ ntuziaka

Ụzọ

$().popover(nhọrọ)

Na-ebute popovers maka mkpokọta mmewere.

.popover('show')

Na-ekpughe ihe ngosi popover.

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

.popover('zoo')

Na-ezobe ihe nchacha mmapụta.

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

ngosi

hover maka popover

Ngwa mgbakwunye njikere bụ obere klaasị maka ịgbakwunye ọrụ nso na ọkwa.

Budata

Iji bootstrap-alert.js

$ ( ". ozi ọma" ). njikere ()

Akara akara

Naanị tinye otu data-alertnjirimara na ozi njikere gị iji nye ha ọrụ nso na-akpaghị aka.

Ụzọ

$().ọmụma()

Na-eji arụ ọrụ nso kechie ọkwa niile. Iji mee ka ọkwa gị dị ndụ mgbe emechiri emechi, gbaa mbọ hụ na ha etinyelarị ya .fadena .inklas ahụ.

.ọmụma (' nso')

Na-emechi mkpu.

$ ( ". ozi ọma" ). njikere ( 'emechi' )

ngosi