Uinneag jal Modal - na tha a dhìth oirbh agus mar a stàlaicheas tu e

Gus am freagairt agad a lorg, uaireannan feumaidh tu tòrr ùine a chaitheamh, gu h-àraidh ma tha e an urra ri dealbhadh lìn, nach eil gu sònraichte a 'nochdadh ann an cùisean mar sin, cho-dhùin an neach an làrach a chruthachadh leis fhèin. Faodaidh an uinneag modal jquery a bhith mar aon de na gnìomhan dona sin.

Tha tòrr uinneagan mar sin air an eadar-lìon. Tha e coltach gu feum thu lethbhreac a dhèanamh dhiubh agus an giùlan air an làrach agad ... Ach chan eil a h-uile rud cho sìmplidh. Cho math 'sa bhiodh e, tha beagan fiosrachaidh ann, leis a bheil a h-uile càil air a bacadh, agus tha e do-dhèanta an obair fhuasgladh, oir chan eil eòlas riatanach ann airson seo. Mar sin, na bhith a 'togail air an uinneag modal air jquery sa bhad le mòran sgiobannan inntinneach, tha e duilich a bhith a' cluich, tha e nas fheàrr tòiseachadh le uinneag modal beag, sìmplidh gun duilgheadas sam bith.

Ma tha blog ann an àite air a 'wordpress, tha a h-uile dad gu math sìmplidh, agus mar as trice chan eil duilgheadasan sam bith ag èirigh, oir tha mòran de na fuasglaidhean deiseil ann - diofar mhodalan ùra. Ach tha roghainnean glè eadar-dhealaichte ann, far am feum thu "uinneag modal" a ghluasad ort fhèin no tionndadh gu seirbheisean eòlaichean pàighte. Pàigh, mar a tha fios agad, chan eil duine ag iarraidh, gu h-àraid nuair a tha e coltach gu feum thu a dhol chun a 'phuing, agus bidh a h-uile dad a' fàs gu math luath agus gu tur an-asgaidh.

Tha an uinneag modal jquery riatanach airson susbaint a thaisbeanadh a tha a 'dol còmhla ris an fhiosrachadh air an duilleig agus ga chuideachadh.

JQuery - dè a tha seo?

Airson tuigse iomlan, mura h-eil fios aig duine sam bith, is e leabharlann JavaScript a th 'ann an jquery, agus an dàrna cuid a' ciallachadh pìos còd a tha suidhichte ann an còd duilleag-lìn agus a bheir cothrom dhut diofar bhuaidhean a choileanadh nach urrainn a chur an gnìomh taobh a-staigh HTML agus CSS. A àbhaisteach eisimpleir de a leithid a code cuibhrionn dh'fhaodadh a bhith an-dràsta ceann-latha no àm a thaisbeanadh air an duilleag.

Tha làrach-lìn oifigeil aig luchd-leasachaidh an leabharlainn, a 'leasachadh agus ag ath-nuadhachadh an-còmhnaidh, co-cheangailte ris a bheil gach tionndadh ùr a' tabhann leabharlannan ùra.

Gus jquery a dhèanamh tuigsinn gum feum thu seo no a 'bhuaidh sin, tha cànan CSS ann le duilleagan stoidhle.

CSS Cànan

Tha CSS ann an eadar-theangachadh a 'ciallachadh "bileagan stoidhle casgach". Air an eadar-lìon, tha e a-nis comasach air làrach a lorg nach eil a 'cleachdadh a' chànain seo.

Mar sin, ann an uinneagan modal, tha jQuery agus CSS riatanach agus riatanach. Mar sin, ma tha jQuery ceangailte, feumaidh tu seo a dhèanamh.

Gus seo a dhèanamh, cuir a-steach na leanas a-steach don cheann tag:

Dè a th 'ann an uinneagan modal?

Faodaidh uinneag jquery modal sìmplidh a nochdas nuair a thèid an làrach a luchdachadh a bhith feumail gus an àireamh de luchd-sgrìobhaidh a mheudachadh. Nochdaidh an uinneag nuair a thèid an duilleag fhosgladh. Chan eil e a 'toirt dragh mòr air agus nach eil e a' cur eagal air duine sam bith, oir bidh e furasta a bhith a 'dùnadh leis an iomagain as lugha, agus bidh briosgaidean air a' phutan briosgaid air, agus nuair a phutas tu air, cha nochd an uinneag modal a tha a 'dol à bith a-rithist.

Uinneag Pop-up

Pop-up uinneag air an jquery, a thaisbeanadh air an duilleag ach aon uair, tha e aon de na Tionndaidhean de dhealaichte uinneagan.

Gus a chur an gnìomh, feumar grunn cheuman a ghabhail.

Faodaidh tu plugins sònraichte a chleachdadh airson uinneagan modal. Is fheàrr an luchdachadh a-nuas bho làraichean leasachaidh, mar eisimpleir, arcticModal. Tha e ceangailte mar a leanas:

Gun a bhith a 'cruthachadh stoidhle uinneag, seallaidh tè de na cuspairean coitcheann mar seo:

An ath rud, cuir a-steach a 'bhriosgaid:

Tha e air a sgrìobhadh ann an HTML, a tha a bhiadhaich fiosrachadh dhan neach-cleachdaidh:

Tha an clas a tha a 'dùnadh a-staigh sa chòd a' ciallachadh gun dùin uinneag jQuery modal leis.

An ath rud tha an sgriobt deireannach:

Tha cuid de na paramamaidean a thathar a 'cleachdadh a' ciallachadh na leanas:

CloseOnOverClick: dearbhaich a bheil an uinneag a 'dùnadh nuair a tha thu a' briogadh air an còmhdach.

CloseOn Esc: a 'ciallachadh pressing Esc.

Leig: a 'sònrachadh an ùine a stòras a' bhriosgaid. Anns an dreach a thathar a 'moladh, bidh an t-àm seo trì fichead latha, is e sin, cha tèid an uinneag a thaisbeanadh airson dà mhìos. Bidh briosgaidean gan ùrachadh gach turas a bhios tu a 'tadhal.

An dèidh sgrùdadh mar a stàlaichear uinneag jQuery modal air do làrach, faodaidh tu, ma tha sin riatanach, gluasad air adhart gu atharrachaidhean nas iom-fhillte. Gus seo a dhèanamh, cuir a-steach diofar stoidhlichean CSS, agus bidh an uinneag gu tur diofraichte ri uinneagan modal làraichean eile.

Cuidichidh fantasachd agus mac-meanmna, a 'toirt taic dha na fuasglaidhean sin, gus àrdachadh mòr a thoirt air an àireamh de luchd-taic, agus anns na bùithtean eadar-lìn faodaidh uinneagan modal a tha air an cleachdadh gu sgileil reic a mheudachadh aig amannan. Mar sin, tha an ùine a chaidh a chosg air prògraman agus stàladh uinneagan ceart agus pàighidh e dheth!

Seòrsachan uinneagan modal

Bidh uinneagan modal a 'tighinn suas le bhith a' briogadh air a 'phutan iomchaidh no air an luchdachadh leis an duilleag agus a' nochdadh sa bhad nuair a thèid an luchdachadh sìos. Chan fhaod iad a bhith a 'nochdadh air an dùnadh airson ùine sònraichte, ma thèid briosgaid a shuidheachadh, mar a tha san eisimpleir gu h-àrd, agus faodaidh e nochdadh gach uair a tha an duilleag air a luchdachadh. Tha uinneagan modal a tha stèidhichte ann an aon àite agus a 'fuireach air, a dh'aindeoin na gluasadan air an duilleig, agus faodaidh iad a bhith fiùghantach nuair a bhios fiosrachadh anns a' cheangal leis a 'cheangal agus bidh an neach-cleachdaidh a' dol troimhe. An uair sin thèid an uinneag ùrachadh, ma tha an duilleag thùsail air atharrachadh.