JQuery modal zenera - kodi muyenera ndi mmene kukhazikitsa

Kuti mupeze yankho la funso lanu, nthawizina iwe uyenera kutaya nthawi yambiri, makamaka ngati izo zifika ukonde kamangidwe si makamaka odziwa nkhani ngati anthu adaganiza zolenga webusaiti paokha. jQuery modal zenera akhoza kukhala limodzi mwa mavuto awa chopweteka.

Pa Internet, mawindo amenewa amapezeka anthu ambiri. Zikuoneka kuti muyenera kukopera ndi muiike iwo ku tsamba lanu ... Koma si onse mophweka. Monga mwayi naye, ndi chilichonse, chifukwa cha zomwe zonse imathetsa, ndipo n'zosatheka kuti athetse vutoli, chifukwa palibe zinthu ngati zimenezi. Choncho, ufulu kukatenga pa jQuery modal zenera pa tchipisi zambiri zosangalatsa, lovuta kuphedwa, ndi bwino kuyamba yaing'ono, lophweka modal zenera popanda mavuto chilichonse.

Ngati muli blog penapake pa ife WordPress, zonse ziri lophweka, ndipo palibe vuto zambiri likutuluka, monga kale zambiri okonzeka zopangidwa njira - osiyana Pop-ins. Koma palinso kusankha zinthu kwambiri komwe ali zawo "sculpt" zenera modal kapena kuti misonkhano analipira akatswiri. Kulipira monga mukudziwa, palibe mmodzi akufuna, makamaka pamene zikuwoneka kuti basi ayenera kufika pakati, ndi zonse zidzakhala wokongola kudya ndi ufulu wonse.

JQuery modal zenera m'pofunika kusonyeza zili imene ikuthawa ndi nkhani pa tsambali likugwirizana izo.

jQuery - ndichiyani?

Kuti limvetse mokwanila ngati munthu sadziwa, jQuery - laibulale JavaScript, ndi yamasika, nayenso, amatanthauza chigawo cha ndondomekozi anayambitsa Mpambo ukonde-tsamba ndipo amalola kuti tikwaniritse zotsatira zosiyana, amene sakhoza akuyendera mu chimango cha HTML ndi CSS. Chitsanzo chabwino cha gawo ngati malamulo mwina tsiku panopa kapena nthawi anasonyeza pa tsamba.

The Madivelopa laibulale ali mdindo webusaiti, ulemu ndipo nthawi zonse kusinthidwa, choncho pali Mabaibulo atsopano, kupereka malaibulale latsopano.

Kuti bwino kwa jQuery, muyenera ichi kapena tingati kuti, pali chinenero ndi mapepala CSS kalembedwe.

CSS Language

CSS amatanthauza "cascading kalembedwe mapepala". The Internet tsopano n'zosatheka kupeza malo izo sizikanakhala ntchito chinenero.

Choncho, modal mazenera jQuery ndi CSS pafupifupi zofunika ndi irreplaceable. Choncho, ngati jQuery si chikugwirizana, m'pofunika kutero.

Kuchita izi mwa chidutswa cha mutu anaikapo motere:

Kodi zenera modal?

Mosavuta ndi jQuery modal zenera, anasonyeza otsitsira malo, zikhonza kukhala zothandiza kuonjezera chiwerengero cha olembetsa. zenera A adzaoneka pamene tsamba amatsegula. Si zododometsa ndi chodziwikiratu kuti kuwopseza aliyense, chifukwa pa kusapeza pang'ono mosavuta kutsekedwa, ndipo batani pafupi adzakhala makeke, ndipo ngati inu alemba pa yasowa modal zenera sadzakhala tumphuka kachiwiri.

zenera mphukira

Pop-zenera pa jQuery ndi, amalembedwa tsamba kamodzi kokha, ndi imodzi mwa mitundu ya mawindo modal.

Kugwiritsa m'pofunika kuti angapo masitepe.

Mukhoza kugwiritsa ntchito pulogalamu yowonjezera wapadera pakuti mazenera modal. Ndi bwino download iwo ku mapulogalamu Mwachitsanzo, arcticModal. Kulumikiza izo motere:

Popanda zenera chokongoletsera kalembedwe imodzi mwa muyezo pulagi-mu lidzaonekera izi:

Kenako, kulumikiza pulagi-keke:

Kwalembedwa mu HTML, lomwe ndi kudyetsedwa mudziwe kuti wosuta:

Zafotokozeredwa malamulo kalasi arctimonial pafupi zikutanthauza kuti naye jQuery modal zenera yatsekedwa.

Kenako pakubwera script komaliza:

Ena mwa magawo ntchito ndi izi:

closeOnOverClick: adzaona ngati zenera ndi chatsekedwa pamene inu alemba pa anakuta.

CloseOn Esc: kumatanthauza kukanikiza Esc.

Itha: n'chakuti nthawi imene keke udzasugidwa. Mu chimake okonza nthawi ino kukhala masiku makumi asanu ndi limodzi, ndiko kuti, zenera adzakhala kuwonetsedwa kwa miyezi iwiri. The keke ndi kusinthidwa nthawi iliyonse mwapitako.

Mwa kuphunzira mmene kukhazikitsa pa malo anu jQuery modal zenera, mukhoza kusuntha kwa options patsogolo kwambiri ngati pakufunika kutero. Kuti tichite zimenezi, kuwonjezera zosiyanasiyana masitaelo CSS, ndipo zenera adzakhala chosiyana kuchokera modal zenera malo ena.

Zongopeka ndi kuganiza thandizo ndi njira kwambiri kuonjezera chiwerengero cha olembetsa, ndi masitolo Internet mwaluso anaikapo modal mazenera amatha kuonjezera malonda kwambiri. Choncho, nthawi imene mapulogalamu ndi kuika mawindo, onetsetsani kuti zifukwa ndi kulipira ngongole!

Mitundu ya zenera modal

Modal mazenera ndi Pop-pamene inu alemba pa batani yoyenera kapena yodzaza ndi tsamba, ndipo zikuoneka pomwepo pa oyambitsa. Iwo akhoza kutseka pa simuzikhalanso nthawi zina za nthawi, ngati keke amayikidwa, monga chitsanzo cha pamwamba, ndipo zingaoneke nthawi iliyonse tsamba yodzaza. Pali modal mazenera, anakonza malo amodzi ndipo wakhala, ngakhale kayendedwe pa tsamba ndipo akhoza kukhala wochitachita, pamene mkati mwa zenera kakunena ndi kugwirizana, ndi chitadutsa wosuta. Only ndiye zenera adzakhala kusinthidwa ndi yotsala m'chigawo zosasintha wa tsamba loyambilira.