Is léargas thar a bheith caol é ár mbreiseán Modal ar an mbreiseán modúlach js traidisiúnta, ag tabhairt aire ar leith gan ach an fheidhmiúlacht lom a theastaíonn uainn anseo ar twitter a chur san áireamh.

Íosluchtaigh

Ag baint úsáide as bootstrap-modal

$ ( '#mo-mhód' ). modha ( roghanna )

Roghanna

Ainm	cineál	réamhshocraithe	tuairisc
chúlra	Boole	bréagach	Áirítear eilimint mhodúil chúlra
méarchlár	Boole	bréagach	Dúnann sé an modúl nuair a bhrúitear eochair éalaithe
seó	Boole	bréagach	Osclaíonn modúl ar thúsú ranga

Marcáil

Is féidir leat módúil a ghníomhachtú ar do leathanach go héasca gan aon líne amháin javascript a scríobh. Tabhair tréith d'eilimint data-controls-modala fhreagraíonn d'aitheantas módúil eilimint, agus nuair a chliceáiltear é, seolfaidh sé do mhodh. Chun roghanna modha a chur leis, ní gá ach iad a áireamh mar tréithe sonraí freisin.

<a class="btn" data-controls-modal="my-modal" data-backdrop="true"> Seol Módúil </a> _ _ _ _ _ _    

Fógra Más mian leat do mhodúil a bheochan isteach agus amach, níl le déanamh ach .faderang a chur le d' .modaleilimint (féach an taispeántas chun é seo a fheiceáil i ngníomh).

Modhanna

.modal(roghanna)

Gníomhachtaíonn d'ábhar mar mhodh modúl. Glacann rogha roghnach object.

$ ( '#mo-mhód' ). módúil ({
  closeOnEscape : fíor 
})

.modal ('scoránaigh')

Scoránaigh modúl de láimh.

$ ( '#mo-mhód' ). modha ( 'scoránaigh' )

.modal ('taispeáin')

Osclaíonn modúl de láimh.

$ ( '#mo-mhód' ). modha ( 'taispeáin' )

.modal ('folaigh')

Folaigh modúl de láimh.

$ ( '#mo-mhód' ). modha ( 'folaigh' )

.modal(fíor)

Seoltar sampla rang modhúil eilimintí ar ais.

$ ( '#mo-mhód' ). modha ( fíor )

Fógra Nó is féidir é seo a fháil ar ais le $().data('modal').

Imeachtaí

Nochtann rang modha Bootstrap roinnt imeachtaí chun dul i ngleic le feidhmiúlacht mhódúil.

Imeacht	Cur síos
seó	Téann an teagmhas seo chun solais láithreach nuair showa ghlaoitear an modh ásc.
léirithe	Cuirtear an teagmhas seo ar ceal nuair a bheidh an modúl infheicthe don úsáideoir (fanfaidh sé go mbeidh na haistrithe css críochnaithe).
ceilt	Cuirtear an teagmhas seo ar ceal láithreach nuair a bhíonn an hidemodh ásc glaoite.
i bhfolach	Tá an teagmhas seo bréan nuair a bhíonn an modúl críochnaithe a bheith folaithe ón úsáideoir (fanfaidh sé ag fanacht le haistrithe CSS a chur i gcrích).

$ ( '#mo-mhód' ). ceangal ( 'i bhfolach' , feidhm () {   
  // Déan rud éigin ...
})

Taispeántas

Seoladh Mód

Tá an breiseán seo ann chun idirghníomhaíocht anuas a chur leis an mbarra bairr bootstrap nó le nascleanúintí cluaisíní.

Íosluchtaigh

Ag baint úsáide as boostrap-dropdown.js

$ ( '# barrbharra' ). anuas ()

Marcáil

Chun feidhmiúlacht anuas a chur go tapa le haon eilimint nascleanúna, bain úsáid as an data-dropdowntréith. Cuirfear aon anuas bootstrap bailí i ngníomh go huathoibríoch.

<ul class = "cluaisíní" > 
  <li class = "active" < a href = " # " > Baile </a></li>  
  <li class = "dropdown" data-dropdown = "titim" >   
    <a href="#" class="dropdown-toggle"> Dropdown </a> _ _ _ _ _  
    <ul class = "roghchlár anuas" > 
      <li><a href="#"> Nasc tánaisteach </a> < /li> 
      <li><a href="#"> Rud éigin eile anseo </a></li> 
      <li class = "divider" ></li> 
      <li><a href="#"> Nasc eile </a> < /li> 
    </ul>
  </li>
</ul>

Fógra Má tá roinnt dropdowns ag do ui, smaoinigh ar an data-dropdowntréith a chur le heilimint coimeádán níos suntasaí mar .tabsnó .topbar.

Modhanna

$().titim anuas()

Api ríomhchláraithe chun biachláir a ghníomhachtú le haghaidh barra barr nó nascleanúint tabáilte ar leith.

Taispeántas

Tá an breiseán seo chun an t-idirghníomhú scrollspy (uath-nuashonrú nav) a chur le barra barr an bootstrap.

Íosluchtaigh

Ag baint úsáide as boostrap-scrollspy.js

$ ( '# barrbharra' ). anuas ()

Marcáil

Chun iompar scrollspy a chur le do nav go héasca, níl le déanamh ach an data-scrollspytréith a chur leis an .topbar.

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

Modhanna

$().scrollspy()

Gníomhachtaíonn uathoibríoch cnaipí nascleanúna de réir suíomh scrollaithe na n-úsáideoirí.

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

Fógra Ní mór go mbeadh spriocanna aitheantais inréite ag clibeanna ancaire Barra. Mar shampla, <a href="#home">home</a>ní mór a fhreagraíonn do rud éigin sa bhaile mhaith <div id="home"></div>.

.scrollspy('athnuaigh')

Déanann an scrollspy caches cnaipí nascleanúna agus comhordanáidí na rannóige le haghaidh feidhmíochta. Más gá duit an taisce seo a nuashonrú (má tá ábhar dinimiciúil agat is dócha) níl le déanamh ach glaoch ar an modh athnuachana seo. Má d'úsáid tú an tréith sonraí chun do scrollspy a shainiú, níl le déanamh ach glaoch ar athnuachan ar an gcorp.

$ ( 'comhlacht' ). scrollspy ( ' athnuachan ' )

Taispeántas

Seiceáil an nascleanúint ar an mbarra barr ar an leathanach seo.

Cuireann an breiseán seo feidhmiúlacht tapa, dinimiciúil cluaisín agus pill leis.

Íosluchtaigh

Ag baint úsáide as boostrap-tabs.js

$ ( '. tabs' ). cluaisíní ()

Marcáil

Is féidir leat nascleanúint cluaisín nó pillín a ghníomhachtú gan aon javascript a scríobh ach tréith data-tabsnó data-pillstréith a thabhairt dóibh.

 <ul class = "cluaisíní" data-tabs = "cluaisíní" > ... </ul>   

Modhanna

$().cluaisíní nó $().pills

Gníomhachtaítear feidhmiúlacht cluaisíní agus pillín do choimeádán ar leith. Ba cheart do naisc táb tagairt a dhéanamh d'aitheantas sa doiciméad.

<ul class = "cluaisíní" > 
  <li class = "active" ><a href = " #home " > Baile </a></li>  
  <li><a href = "#profile"> Próifíl </a> < /li> 
  <li><a href="#messages">Teachtaireachtaí </a> < / li > 
  <li><a href = "#settings"> Socruithe </a> < /li> 
</ul>
 
<div class = "pill-content" > 
  <div class = "active" id = "baile" > ... </div>  
  <div id = "profile" > ... </div> 
  <div id = "messages" > ... </div> 
  <div id = "settings" > ... </div> 
</ul>
 
<script>
  $ ( feidhm ( ) {  
    $ ( '. tabs' ). cluaisíní ()
  })
</script>

Taispeántas

• Baile
• Próifíl
• Teachtaireachtaí
• Socruithe

Bunaithe ar an mbreiseán jQuery.tipsy den scoth scríofa ag Jason Frame; Is leagan nuashonraithe é twipsy, nach bhfuil ag brath ar íomhánna, a úsáideann css3 le haghaidh beochana, agus tréithe sonraí le haghaidh stórála teidil!

Íosluchtaigh

Ag baint úsáide as bootstrap-twipsy.js

$ ( '# sampla' ). twipsy ( roghanna )

Roghanna

Ainm	cineál	réamhshocraithe	tuairisc
beocht	Boole	fíor	cuir trasdul céimnithe css i bhfeidhm ar an leid uirlisí
moillIn	uimhir	0	moill sula dtaispeánfar leid uirlisí (ms)
moill amach	uimhir	0	moill sula gcuirtear i bhfolach leid uirlisí (ms)
titim ar ais	teaghrán	''	téacs le húsáid nuair nach bhfuil teideal na leid uirlisí i láthair
socrúchán	teaghrán	'os cionn'	conas an leid uirlisí a shuíomh - thuas | thíos | chlé | ceart
html	Boole	bréagach	ligeann sé ábhar html laistigh den leid uirlisí
beo	Boole	bréagach	bain úsáid as tarmligean teagmhais in ionad láimhseálaithe imeachtaí aonair
fhritháireamh	uimhir	0	fritháireamh picteilín an leid uirlisí ón sprioceilimint
teideal	teaghrán | feidhm	'teideal'	tréith nó modh chun teidil téacs a aisghabháil
truicear	teaghrán	'hover'	conas a spreagtar leid uirlisí - hover | fócas | lámhleabhar

Modhanna

$().twipsy(roghanna)

Ceangail láimhseálaí twipsy le bailiúchán eilimint.

.twipsy ('seó')

Léiríonn twipsy eilimintí.

$ ( '# eilimint' ). twipsy ( 'seó' )

.twipsy ('folaigh')

Seithí twipsy eilimintí.

$ ( '# eilimint' ). twipsy ( 'hide' )

.twipsy(fíor)

Filleann sé shampla rang twipsy eilimintí.

$ ( '# eilimint' ). twipsy ( fíor )

Fógra Nó is féidir é seo a fháil ar ais le $().data('twipsy').

Taispeántas

Soláthraíonn an breiseán popover comhéadan simplí chun popovers a chur le d’fheidhmchlár. Síneann sé an breiseán boostrap-twipsy.js , mar sin bí cinnte greim a fháil ar an gcomhad sin freisin nuair a chuireann tú popovers isteach i do thionscadal!

Íosluchtaigh

Ag baint úsáide as boostrap-popover.js

$ ( '# sampla' ). aníos ( roghanna )

Roghanna

Ainm	cineál	réamhshocraithe	tuairisc
beocht	Boole	fíor	cuir trasdul céimnithe css i bhfeidhm ar an leid uirlisí
moillIn	uimhir	0	moill sula dtaispeánfar leid uirlisí (ms)
moill amach	uimhir	0	moill sula gcuirtear i bhfolach leid uirlisí (ms)
titim ar ais	teaghrán	''	téacs le húsáid nuair nach bhfuil teideal na leid uirlisí i láthair
socrúchán	teaghrán	'ceart'	conas an leid uirlisí a shuíomh - thuas | thíos | chlé | ceart
html	Boole	bréagach	ligeann sé ábhar html laistigh den leid uirlisí
beo	Boole	bréagach	bain úsáid as tarmligean teagmhais in ionad láimhseálaithe imeachtaí aonair
fhritháireamh	uimhir	0	fritháireamh picteilín an leid uirlisí ón sprioceilimint
teideal	teaghrán | feidhm	'teideal'	tréith nó modh chun teidil téacs a aisghabháil
ábhar	teaghrán | feidhm	'sonraí-ábhar'	tréith nó modh chun ábhar téacs a aisghabháil
truicear	teaghrán	'hover'	conas a spreagtar leid uirlisí - hover | fócas | lámhleabhar

Modhanna

$().popover(roghanna)

Tosaíonn popovers le haghaidh bailiúchán eilimint.

. popover ('taispeáin')

Nochtann popover eilimintí.

$ ( '# eilimint' ). popover ( 'taispeáin' )

. popover ('folaigh')

Seithí popover eilimintí.

$ ( '# eilimint' ). popover ( 'folaigh' )

Taispeántas

hover le haghaidh popover

Is rang iontach bídeach é an breiseán foláirimh chun feidhmiúlacht dhlúth a chur le foláirimh.

Íosluchtaigh

Ag baint úsáide as bootstrap-alerts.js

$ ( ".alert-message" ). foláireamh ()

Marcáil

Níl le déanamh ach data-alerttréith a chur le do theachtaireachtaí foláirimh chun feidhmiúlacht gar a thabhairt dóibh go huathoibríoch.

Modhanna

$(). foláireamh()

Wraps gach foláireamh le feidhmiúlacht dlúth. Le go mbeidh do chuid foláirimh le beocht agus iad dúnta, cinntigh go bhfuil an rang .fadeagus an .inrang i bhfeidhm orthu cheana féin.

. foláireamh('dún')

Dúnann foláireamh.

$ ( ".alert-message" ). foláireamh ( 'gar' )

Taispeántas