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
- $ ( '#my-modal' ). modal ( kōwhiringa )
Ingoa | momo | taunoa | whakaahuatanga |
---|---|---|---|
papamuri | boolean | teka | Kei roto he huānga tauira-papamuri |
papapātuhi | boolean | teka | Ka kati i te aratau ina pehia te ki mawhiti |
whakaatu | boolean | teka | Whakatuwherahia te tikanga mo te arawhitinga akomanga |
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-modal
huanga e rite ana ki te id huānga tikanga, a ka paohia, ka whakarewahia to tikanga. Hei taapiri i nga whiringa aratau, whakauruhia noa hei huanga raraunga.
- <a class = "btn" data-controls-modal = "my-modal" data-backdrop = "true" > Modal Whakarewa </a>
Panui Ki te hiahia koe ki te whakakorikori i to aratau ki roto, ki waho, taapirihia he .fade
karaehe ki to .modal
huānga (tirohia te demo kia kite i tenei mahi).
Whakahohehia to ihirangi hei aratau. Ka whakaae ki nga whiringa whiriwhiri object
.
- $ ( '#my-modal' ). tikanga ({
- closeOnEscape : pono
- })
Ka takahuri-a-ringa i te tikanga.
- $ ( '#my-modal' ). modal ( 'takahuri' )
Ka whakatuwhera a-ringa i te tikanga.
- $ ( '#my-modal' ). modal ( 'whakaatu' )
Ka huna a-ringa i tetahi tikanga.
- $ ( '#my-modal' ). modal ( 'huna' )
Whakahokia ai he tauira karaehe ahua huānga.
- $ ( '#my-modal' ). tikanga ( pono )
Panui Ka taea ano tenei te tiki ma te $().data('modal')
.
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 show karangahia 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 hide kua 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 () {
- // mahi i tetahi mea ...
- })
Ko tenei mono mo te taapiri i te taunekeneke takaiho ki te pae runga bootstrap, ki nga whakatere ripa ranei.
Tikiake
- $ ( '#topbar' ). takaiho ()
Kia tere te taapiri i nga mahi takaiho ki tetahi huānga nav, whakamahia te data-dropdown
huanga. 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-dropdown
huanga ki tetahi huānga ipu nui ake penei .tabs
i te .topbar
.
He api pataka mo te whakahohe i nga tahua mo te pae runga kua hoatu, he whakatere ripa ranei.
Ko tenei mono mo te taapiri i te scrollspy (whakahou aunoa nav) te taunekeneke ki te bootstrap topbar.
Tikiake
- $ ( '#topbar' ). takaiho ()
Kia ngawari te taapiri i te whanonga scrollspy ki to nav, me tapiri noa te data-scrollspy
huanga ki te .topbar
.
- <div class = "topbar" data-scrollspy = "scrollspy" > ... </div>
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>
.
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' )
Tirohia te whakaterenga pae runga i tenei wharangi.
Ka taapirihia e tenei mono he ripa tere, hihiri me te mahi pire.
Tikiake
- $ ( '.tabs' ). ripa ()
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-tabs
huanga data-pills
.
- <ul class = "tabs" data-tabs = "ripa" > ... </ul>
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 = "#karere" > 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>
- </ul>
- <hōtuhi>
- $ ( mahi () {
- $ ( '.tabs' ). ripa ()
- })
- </script>
Kare pea koe i rongo ki a ratou he tarau jean Austin. Nesciunt tofu stumptown aliqua, retro synth master horoi. Moutere cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex wheke. A tuu i te salvia cillum iphone. Seitan aliquip quis cardigan kakahu a Amerika, te kai patu patu i etahi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.
Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.
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
- $ ( '#tauira' ). twipsy ( 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 aki 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 | whitinga 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' | me pehea te whakakorikori i te aki taputapu - whakaparo | arotahi | ā-ringa |
Ka hono i te kaikawe twipsy ki tetahi kohinga huānga.
Ka whakaatuhia he huānga twipsy.
- $ ( '#huānga' ). twipsy ( 'whakaatu' )
Ka huna i tetahi huānga twipsy.
- $ ( '#huānga' ). twipsy ( 'huna' )
Whakahokia ai he huānga tauira twipsy class.
- $ ( '#huānga' ). twipsy ( pono )
Panui Ka taea ano tenei te tiki ma te $().data('twipsy')
.
Ko nga tarau tarau karekau pea koe i rongo. Pua whakaahua pahau denim mata reta vegan putea karere stumptown. Ko te quinoa 8-bit te kakahu o Amerika he terry richardson's fixie a mcsweeney's fixie te kakahu o Amerika he terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, e wha te purenga vegan chambray a loko mcsweeney. He kaitoi tino whakahiato ahakoa te keytar, scenester farm-to-table banksy Austin twitter kakau freegan cred raw denim kotahi-taketake kawhe viral.
Ka whakaratohia e te monopover he atanga ngawari mo te taapiri i nga popovers ki to tono. Ka whakawhānuihia te mono boostrap-twipsy.js , na kia mau ki te hopu i taua konae ina whakaurua nga popovers ki to kaupapa!
Tikiake
- $ ( '#tauira' ). popover ( 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 aki 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 | whitinga 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' | huanga, tikanga ranei mo te tiki tuhinga ihirangi |
keu | aho | 'whakapapa' | me pehea te whakakorikori i te aki taputapu - whakaparo | arotahi | ā-ringa |
Ka arataki popover mo te kohinga huānga.
He whakaatu i tetahi huānga popover.
- $ ( '#huānga' ). popover ( 'whakaatu' )
Hunaia he huānga popover.
- $ ( '#huānga' ). popover ( 'huna' )
Ko te mono mataara he karaehe tino iti mo te taapiri i nga mahi tata ki nga matohi.
Tikiake
- $ ( ".alert-message" ). mataara ()
Taapiri noa he data-alert
huanga ki o karere matohi kia pai ai te mahi.
Ka takai i nga matohi katoa me te mahi tata. Kia whakakorikorihia o matohi ina katia, me mohio kei a raatau te karaehe .fade
me .in
te karaehe kua tukuna ki a raatau.
Katia he matohi.
- $ ( ".alert-message" ). mataara ( 'kati' )