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, eriri	ụgha	Na-agụnye ihe modal-backdrop element. Tọọ backdrop ka "static"ọ bụrụ na ịchọghị ka emechie modal ahụ mgbe ịpịrị azụ azụ.
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 = "static" > 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 iji 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 ({
  kiiboodu : 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 bootstrap-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 bootstrap-scrollspy.js

$ ( '#topbar' ). scrollSpy ()

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 ( 'ume ọhụrụ' )

ngosi

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

Ngwa mgbakwunye a na-enye ọrụ ndị ọzọ maka ijikwa steeti bọtịnụ.

Budata

Iji bootstrap-buttons.js

$ ( '.taabụ' ). bọtịnụ ()

Ụzọ

$().bọtịnụ('ntụgharị')

Tụgharịa steeti. Na-enye btn anya na agbanyere ya.

Rịba ama Ị nwere ike ịmegharị bọtịnụ akpaaka site na iji data-togglenjirimara.

<bọtịnụ klas = "btn" data-toggle = "ịtụgharị" > ... </button>   

$().bọtịnụ('loading')

Tọọ ọnọdụ bọtịnụ ka ọ na-ebunye - gbanyụọ bọtịnụ ma gbanwee ederede na ntinye ederede. Ekwesịrị ịkọwapụta ederede na-ebunye na mmewere bọtịnụ site na iji njirimara data data-loading-text.

<button class = "btn" data-loading-text = "na-ebunye ihe..." > ... </button>   

$().bọtịnụ('tọgharịa')

Tọgharịa steeti bọtịnụ - gbanwee ederede na ederede izizi.

$().bọtịnụ(string)

Tọgharịa steeti bọtịnụ - gbanwee ederede na ọnọdụ ederede akọwapụtara data ọ bụla.

<button klas = "btn" data-complete-text = "emechaala!" > ... </bọtịnụ>   
<edemede>
  $('.btn').bọtịnụ('zuru ezu')
</script>

ngosi

Na-ebugo ngosi Gbanwee ngosi

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

Budata

Iji bootstrap-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ọ ahụ.

<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> 
</div>
 
<edemede>
  $ ( ọrụ () {  
    $ ( '.taabụ' ). taabụ ()
  })
</script>

Ihe omume

Ihe omume	Nkọwa
gbanwee	Ihe omume a na-agba ọkụ na mgbanwe taabụ. Jiri event.targetma event.relatedTargettụọ taabụ nọ n'ọrụ yana taabụ arụ ọrụ gara aga n'otu n'otu.

$ ( '#.taabụ' ). kechie ( 'mgbanwe' , ọrụ ( e ) {   
  e . target // taabụ arụ ọrụ
  e . metụtaraTarget // taabụ gara aga
})

ngosi

• Ụlọ
• Profaịlụ
• Ozi
• Ntọala
• Wedaa
  • @abụba
  • @mdo

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
ndebiri	eriri	[ndapụta mbụ]	Ihe ndebiri HTML eji eme twipsy.

Rịba ama nhọrọ atụ twipsy n'otu n'otu nwere ike ịkọwapụta ọzọ site na iji njirimara data.

<a href = "#" data-placement = "n'okpuru" rel = 'twipsy' aha = 'Ụfọdụ ederede aha' > ederede </a>    

Ụ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 bootstrap-twipsy.js , yabụ jide n'aka na ị ga-ejide faịlụ ahụ nke ọma mgbe ị gụnyere popovers na ọrụ gị!

Mara Ị ga-etinyerịrị faịlụ bootstrap-twipsy.js tupu bootstrap-popover.js.

Budata

Iji bootstrap-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'	eriri ma ọ bụ usoro maka iweghachite ederede ọdịnaya. ọ bụrụ na enweghị nke ọ bụla enyere, a ga-enweta ọdịnaya site na njirimara ọdịnaya data.
ịkpalite	eriri	'hover'	otú Tooltip si akpalite - hover | lekwasịrị anya | akwụkwọ ntuziaka
ndebiri	eriri	[ndapụta mbụ]	A na-eji template HTML eme ihe maka ịmepụta popover.

Rịba ama nhọrọ atụ popover nke mmadụ nwere ike ịkọwapụta ọzọ site na iji njirimara data.

<a data-placement = "n'okpuru" href = "#" class = "btn danger" rel = "popover" > ederede </a>    

Ụ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.

Nhọrọ

Aha	ụdị	ndabara	nkọwa
onye nhọpụta	eriri	'. nso'	Kedu onye ahọpụtara ị ga-ezubere maka imechi njikere.

Ụ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