Ko ta matou mono Modal he tango tino kikokore i runga i te mono modal js tuku iho, me te tiaki motuhake ki te whakauru i nga mahi kore noa e hiahiatia ana e matou i konei i twitter.

Tikiake

Te whakamahi bootstrap-modal

$ ( '#my-modal' ). modal ( kōwhiringa )

Kōwhiringa

Ingoa	momo	taunoa	whakaahuatanga
papamuri	boolean, aho	teka	Kei roto he huānga tauira-papamuri. Tautuhia te papamuri ki te "static"kore koe e hiahia kia kati te aratau ina pawhiria te papamuri.
papapātuhi	boolean	teka	Ka kati i te aratau ka pehia te ki mawhiti
whakaatu	boolean	teka	Whakatuwherahia te tikanga mo te arawhitinga akomanga

Tohutohu

Ka taea e koe te whakahohe i nga tikanga i runga i to wharangi ngawari me te kore e tuhi i tetahi rarangi javascript. Hoatu noa ki tetahi huānga he data-controls-modalhuanga e rite ana ki te id huānga aratau, a ka paatohia, ka whakarewahia to aratau. Hei taapiri i nga whiringa aratau, whakauruhia noa hei huanga raraunga.

<a class = "btn" data-controls-modal = "my-modal" data-backdrop = "static" > Modal Whakarewa </a>    

Panui Ki te hiahia koe ki te whakakorikori i to aratau ki roto, ki waho, taapirihia he .fadekaraehe ki to .modalhuānga (tirohia te demo kia kite i tenei mahi).

Nga tikanga

.modal(kōwhiringa)

Whakahohehia to ihirangi hei aratau. Ka whakaae ki nga whiringa whiriwhiri object.

$ ( '#my-modal' ). tikanga ({
  papapātuhi : pono 
})

.modal('takahuri')

Ka takahuri-a-ringa i te tikanga.

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

.modal('whakaatu')

Ka whakatuwhera a-ringa i te tikanga.

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

.modal('huna')

Ka huna a-ringa i tetahi tikanga.

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

.modal(pono)

Whakahokia ai he tauira karaehe ahua huānga.

$ ( '#my-modal' ). tikanga ( pono )

Panui Ka taea ano tenei te tiki ma te $().data('modal').

Nga huihuinga

Ko te karaehe aratau a Bootstrap e whakaatu ana i etahi huihuinga mo te hono atu ki nga mahi tikanga.

Takahanga	Whakaahuatanga
whakaatu	Ka pupuhi tenei takahanga ina ka showkarangahia te aratuka tauira.
whakaaturia	Ka puhia tenei takahanga i te wa i kitea ai te aratau ki te kaiwhakamahi (ka tatari kia oti nga whakawhitinga css).
huna	Ka puhia tonutia tenei takahanga ina hidekua karangahia te aratuka tauira.
huna	Ka puhia tenei takahanga ina mutu te hunanga o te tikanga mai i te kaiwhakamahi (ka tatari kia oti nga whakawhitinga css).

$ ( '#my-modal' ). herea ( 'huna' , mahi () {   
  // mahia tetahi mea ...
})

Whakaaturanga

Whakarewa Modal

Ko tenei mono mo te taapiri i te taunekeneke takaiho ki te pae runga bootstrap, ki nga whakatere ripa ranei.

Tikiake

Ma te whakamahi i te bootstrap-dropdown.js

$ ( '#topbar' ). takaiho ()

Tohutohu

Kia tere te taapiri i nga mahi takaiho ki tetahi huānga nav, whakamahia te data-dropdownhuanga. Ko nga takahanga bootstrap whaimana ka whakahohe aunoa.

<ul class = "ripa" > 
  <li class = "active" ><a href = "#" > Home </a> </li>  
  <li class = "whakaheke" data-dropdown = "dropdown" >   
    <a href = "#" class = "whakataka-takahuri" > Whakataka </a>  
    <ul class = "tahua-whakaheke" > 
      <li><a href = "#" > Hononga tuarua </a> </li> 
      <li><a href = "#" > He mea ano kei konei </a></li> 
      <li class = "kaiwehewehe" ></li> 
      <li><a href = "#" > He hononga ano </a></li> 
    </ul>
  </li>
</ul>

Panui Mena he maha nga takahanga o to ui, whakaarohia te taapiri i te data-dropdownhuanga ki tetahi huānga ipu nui ake penei .tabsi te .topbar.

Nga tikanga

$().takaiho()

He api pataka mo te whakahohe i nga tahua mo te pae runga kua hoatu, he whakatere ripa ranei.

Whakaaturanga

Ko tenei mono mo te taapiri i te scrollspy (whakahou aunoa nav) te taunekeneke ki te bootstrap topbar.

Tikiake

Ma te whakamahi i te bootstrap-scrollspy.js

$ ( '#topbar' ). scrollSpy ()

Tohutohu

Kia ngawari te taapiri i te whanonga scrollspy ki to nav, me tapiri noa te data-scrollspyhuanga ki te .topbar.

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

Nga tikanga

$().scrollSpy()

Ka whakahohe aunoa i nga paatene whakatere ma te tuunga panuku a nga kaiwhakamahi.

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

Panui Ko nga tohu punga o Topbar me whai id te whakatau. Hei tauira, <a href="#home">home</a>me rite ki tetahi mea i roto i te dom rite <div id="home"></div>.

.scrollSpy('whakahou')

Ka huna e te scrollspy nga paatene nav me nga waahanga waahanga mo te mahi. Mena kei te hiahia koe ki te whakahou i tenei keteroki (mehemea kei a koe nga ihirangi hihiri) waea atu ki tenei tikanga whakahou. Mena i whakamahia e koe te huanga raraunga ki te tautuhi i to scrollspy, waea atu ki te whakamau i te tinana.

$ ( 'tinana' ). scrollSpy ( 'whakahou' )

Whakaaturanga

Tirohia te whakaterenga pae runga i tenei wharangi.

Ka tukuna e tenei mono he mahi taapiri mo te whakahaere i te ahua o te paatene.

Tikiake

Ma te whakamahi i te bootstrap-buttons.js

$ ( '.tabs' ). pātene ()

Nga tikanga

$().pātene('takahuri')

Ka takahuri te ahua pana. Ka hoatu btn te ahua kua whakahohehia.

Panui Ka taea e koe te huri aunoa i te paatene ma te whakamahi i te data-togglehuanga.

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

$().pātene('e uta ana')

Ka tautuhi i te ahua o te paatene ki te uta - ka monohia te paatene me te huri i te kuputuhi ki te uta kuputuhi. Ko te uta kuputuhi me tautuhi ki te huānga paatene ma te whakamahi i te huanga raraunga data-loading-text.

<button class = "btn" data-loading-text = "e uta ana i nga mea..." > ... </button>   

$().pātene('tautuhi')

Ka tautuhi ano i te ahua o te paatene - ka huri i te kuputuhi ki te tuhinga taketake.

$().pātene(aho)

Ka tautuhi ano i te ahua o te paatene - ka huri i te kuputuhi ki tetahi ahuatanga kuputuhi kua tautuhia.

<button class = "btn" data-complete-text = "kua oti!" > ... </pātene>   
<hōtuhi>
  $('.btn').pātene('oti')
</script>

Whakaaturanga

Te Uta Demo Takahuri Demo

Ka taapirihia e tenei mono he ripa tere, hihiri me te mahi pire.

Tikiake

Ma te whakamahi i te bootstrap-tabs.js

$ ( '.tabs' ). ripa ()

Tohutohu

Ka taea e koe te whakahohe i te ripa, i te whakatere pire ranei me te kore e tuhi i tetahi javascript ma te hoatu noa he data-tabshuanga data-pills.

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

Nga tikanga

$(). ripa, $().pire ranei

Ka whakahohe i te mahi ripa me te pire mo tetahi ipu. Ko nga hononga ripa me tohu tohu id kei roto i te tuhinga.

<ul class = "ripa" > 
  <li class = "active" ><a href = "#home" > Home </a> </li>  
  <li><a href = "#profile" > Kōtaha </a> </li> 
  <li><a href = "#messages" > Nga Karere </a> </li> 
  <li><a href = "#settings" > Tautuhinga </a> </li> 
</ul>
 
<div class = "pire-ihirangi" > 
  <div class = "active" id = "home" > ... </div>  
  <div id = "kōtaha" > ... </div> 
  <div id = "karere" > ... </div> 
  <div id = "tautuhinga" > ... </div> 
</div>
 
<hōtuhi>
  $ ( mahi () {  
    $ ( '.tabs' ). ripa ()
  })
</script>

Nga huihuinga

Takahanga	Whakaahuatanga
huri	Ka pupuhi tenei takahanga i te huringa ripa. Whakamahia event.targetme event.relatedTargette aro ki te ripa hohe me te ripa hohe o mua.

$ ( '#.tabs' ). herea ( 'huri' , mahi ( e ) {   
  e . ūnga // ripa whakahohe
  e . relatedTarget // ripa o mua
})

Whakaaturanga

• Kainga
• Kōtaha
• Nga Karere
• Tautuhinga
• Whakataka iho
  • @ngako
  • @mdo

I runga i te mono jQuery.tipsy pai i tuhia e Jason Frame; Ko twipsy he putanga whakahou, kaore e whakawhirinaki ki nga whakaahua, ka whakamahi css3 mo nga pakiwaituhi, me nga huanga raraunga mo te rokiroki taitara!

Tikiake

Ma te whakamahi i te bootstrap-twipsy.js

$ ( '#tauira' ). twipsy ( kōwhiringa )

Kōwhiringa

Ingoa	momo	taunoa	whakaahuatanga
whakakorikori	boolean	pono	hoatu he whakawhiti memeha css ki te aki taputapu
whakaroa	tau	0	whakaroa i mua i te whakaaturanga taputapu (ms)
whakaroa	tau	0	whakaroa i mua i te huna i te aki taputapu (ms)
whakamuri	aho	''	kuputuhi hei whakamahi ina karekau he taitara aki taputapu
whakanohonga	aho	'i runga'	me pehea te whakanoho i te aki taputapu - kei runga | kei raro | maui | tika
html	boolean	teka	ka taea te ihirangi html i roto i te aki taputapu
ora	boolean	teka	whakamahia te tuku takahanga hei utu mo nga kaikawe takahanga takitahi
whakatiki	tau	0	te pika o te aki taputapu mai i te huānga ūnga
taitara	aho, mahi	'taitara'	huanga, tikanga ranei mo te tiki tuhinga taitara
keu	aho	'whakapapa'	pehea te aki utauta e whakaohohia ana - whakaparo | arotahi | ā-ringa
tauira	aho	[tohu taunoa]	Ko te tauira html i whakamahia hei whakaputa i te twipsy.

Panui Ka taea te tautuhi i nga whiringa tauira twipsy takitahi ma te whakamahi i nga huanga raraunga.

<a href = "#" data-placement = "i raro" rel = 'twipsy' title = 'Etahi tuhinga taitara' > kuputuhi </a>    

Nga tikanga

$().twipsy(kōwhiringa)

Ka hono i te kaikawe twipsy ki tetahi kohinga huānga.

.twipsy('whakaatu')

Ka whakaatuhia he huānga twipsy.

$ ( '#huānga' ). twipsy ( 'whakaatu' )

.twipsy('huna')

Hunaia he huānga twipsy.

$ ( '#huānga' ). twipsy ( 'huna' )

.twipsy(pono)

Ka whakahoki mai i tetahi tauira o te akomanga twipsy huānga.

$ ( '#huānga' ). twipsy ( pono )

Panui Ka taea ano tenei te tiki ma te $().data('twipsy').

Whakaaturanga

Ka whakaratohia e te popover mono he atanga ngawari mo te taapiri i nga popovers ki to tono. Ka whakawhānuihia te mono bootstrap-twipsy.js , na kia mau ki te hopu i taua konae ina whakaurua nga popovers ki to kaupapa!

Panui Me whakauru e koe te konae bootstrap-twipsy.js i mua i te bootstrap-popover.js.

Tikiake

Ma te whakamahi i te bootstrap-popover.js

$ ( '#tauira' ). popover ( kōwhiringa )

Kōwhiringa

Ingoa	momo	taunoa	whakaahuatanga
whakakorikori	boolean	pono	hoatu he whakawhiti memeha css ki te aki taputapu
whakaroa	tau	0	whakaroa i mua i te whakaaturanga taputapu (ms)
whakaroa	tau	0	whakaroa i mua i te huna i te aki taputapu (ms)
whakamuri	aho	''	kuputuhi hei whakamahi ina karekau he taitara aki taputapu
whakanohonga	aho	'tika'	me pehea te whakanoho i te aki taputapu - kei runga | kei raro | maui | tika
html	boolean	teka	ka taea te ihirangi html i roto i te aki taputapu
ora	boolean	teka	whakamahia te tuku takahanga hei utu mo nga kaikawe takahanga takitahi
whakatiki	tau	0	te pika o te aki taputapu mai i te huānga ūnga
taitara	aho, mahi	'taitara'	huanga, tikanga ranei mo te tiki tuhinga taitara
ihirangi	aho, mahi	'ihirangi-raraunga'	he aho, he tikanga ranei mo te tiki i nga tuhinga ihirangi. ki te kore e whakaratohia, ka puta mai nga ihirangi mai i te huanga ihirangi-raraunga.
keu	aho	'whakapapa'	pehea te aki utauta e whakaohohia ana - whakaparo | arotahi | ā-ringa
tauira	aho	[tohu taunoa]	Ko te tauira html i whakamahia mo te whakaputa i te pouver.

Panui Ka taea te tautuhi i nga whiringa tauira pover takitahi ma te whakamahi i nga huanga raraunga.

<a data-placement = "i raro" href = "#" class = "btn danger" rel = "popover" > kuputuhi </a>    

Nga tikanga

$().popover(kōwhiringa)

Ka arataki popovers mo te kohinga huānga.

.popover('whakaatu')

He whakaatu i tetahi huānga popover.

$ ( '#huānga' ). popover ( 'whakaatu' )

.popover('huna')

Hunaia he huānga popover.

$ ( '#huānga' ). popover ( 'huna' )

Whakaaturanga

whakaparo mo te popover

Ko te mono mataara he karaehe tino iti mo te taapiri i nga mahi tata ki nga matohi.

Tikiake

Ma te whakamahi i te bootstrap-alerts.js

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

Tohutohu

Taapiri noa he data-alerthuanga ki o karere matohi kia pai ai te mahi.

Kōwhiringa

Ingoa	momo	taunoa	whakaahuatanga
kaiwhiriwhiri	aho	'.kati'	He aha te kaiwhiriwhiri hei piro mo te kati i te matohi.

Nga tikanga

$().matohi()

Ka takai i nga matohi katoa me te mahi tata. Kia whakakorikorihia o matohi ina katia, me mohio kei a raatau te karaehe .fademe .inte karaehe kua tukuna ki a raatau.

.matohi('kati')

Katia he matohi.

$ ( ".alert-message" ). mataara ( 'kati' )

Whakaaturanga