Dritarja modale JQuery - për çfarë shërben dhe si ta instaloni

Përmbajtje:

Dritarja modale JQuery - për çfarë shërben dhe si ta instaloni
Dritarja modale JQuery - për çfarë shërben dhe si ta instaloni
Anonim

Për të gjetur përgjigjen e pyetjes suaj, ndonjëherë ju duhet të shpenzoni shumë kohë, veçanërisht nëse, për sa i përket dizajnit të uebit, një person që nuk është veçanërisht i aftë për çështje të tilla ka vendosur të krijojë një faqe më vete. Një dritare modale jquery mund të jetë një detyrë e tillë e mundimshme.

Ju mund të gjeni shumë dritare të tilla në internet. Duket se thjesht duhet t'i kopjoni dhe t'i ngjisni në faqen tuaj … Megjithatë, jo gjithçka është kaq e thjeshtë. Siç do ta kishte fati, ka një detaj që ngadalëson gjithçka dhe është e pamundur të zgjidhet detyra, sepse nuk ka njohuri të nevojshme për këtë. Prandaj, në vend që të ngacmoni menjëherë një dritare modale në jQuery me shumë veçori interesante që janë të vështira për t'u zbatuar, është më mirë të filloni me një dritare të vogël, më të thjeshtë modale pa ndonjë problem të panevojshëm.

Nëse ka një blog diku në wordpress, atëherë gjithçka është shumë e thjeshtë, dhe zakonisht nuk ka vështirësi, pasi tashmë ka shumë zgjidhje të gatshme - module të ndryshme pop-up. Por ka edhe opsione krejtësisht të ndryshme ku duhet të "skalitni" vetë një dritare modale ose t'i drejtoheni shërbimeve të paguara të specialistëve. Siç e dini, askush nuk dëshiron të paguajë, veçanërisht kur duket se thjesht duhet të arrini në fund të çështjes, dhe gjithçka do të dalë shumë shpejt dheplotësisht falas.

Një dritare modale jquery nevojitet për të shfaqur përmbajtjen që shkon së bashku me informacionin në faqe dhe e plotëson atë.

jQuery - çfarë është?

Për një kuptim të plotë, nëse dikush nuk e di, atëherë jquery është një bibliotekë JavaScript, dhe kjo e fundit, nga ana tjetër, nënkupton një pjesë kodi që është ngulitur në kodin e një faqe interneti dhe ju lejon të arrini efekte të ndryshme që nuk mund të zbatohen brenda HTML dhe CSS. Një shembull tipik i një pjese të tillë kodi do të ishte data ose ora aktuale e shfaqur në faqe.

Zhvilluesit e bibliotekës kanë një faqe interneti zyrtare, e cila është duke u përmirësuar dhe përditësuar vazhdimisht, në lidhje me të cilën ekzistojnë të gjitha versionet e reja që ofrojnë biblioteka të reja.

Për t'i thënë jquery se keni nevojë për këtë apo atë efekt, ekziston një gjuhë CSS me fletë stilesh.

gjuhë CSS

CSS do të thotë fletë stilesh kaskadë. Tani është e pamundur të gjesh një faqe në internet që nuk e përdor këtë gjuhë.

Prandaj, në dritaret modale, jquery dhe CSS janë pothuajse të domosdoshëm dhe të domosdoshëm. Prandaj, nëse jquery nuk është përfshirë, duhet ta bëni këtë.

Për ta bërë këtë, brenda etiketës së kokës futet sa vijon:

jQuery
jQuery

Për çfarë janë modalet?

Një modal i thjeshtë jquery që shfaqet kur ngarkohet faqja mund të jetë i dobishëm për të marrë më shumë ndjekës. Dritarja do të shfaqet kur të hapet faqja. Nuk është shumë shpërqendruese dhe nuk ka gjasa të trembë askënd, pasi në siklet më të vogël është e lehtë tëmbyllet dhe butoni i mbylljes do të ketë skedarë cookie dhe kur klikoni mbi të, dritarja modale e zhdukur nuk do të shfaqet më.

Dritarja kërcyese

Një dritare kërcyese jquery që shfaqet vetëm një herë në faqe është një variant i dritareve modale.

Për ta zbatuar atë, duhet të ndërmerren një sërë hapash.

Mund të përdorni shtojca speciale për dritare modale. Është më mirë t'i shkarkoni nga faqet e zhvilluesve si arcticModal. Ajo lidhet si më poshtë:

Dritarja modale jQuery
Dritarja modale jQuery

Pa stilimin e dritares, një nga temat standarde të shtojcave do të duket kështu:

Dritarja e thjeshtë modale jQuery
Dritarja e thjeshtë modale jQuery

Më pas, shtojca e kukive është e lidhur:

Dritarja modale jQuery
Dritarja modale jQuery

Shkrimi i kodit HTML që ofron informacion për përdoruesit:

Dritarja modale jQuery
Dritarja modale jQuery

Klasa arctimonial-close e specifikuar në kod do të thotë që dritarja modale jQuery do të mbyllet me të.

Më pas vjen skenari përfundimtar:

jQuery popup modal
jQuery popup modal

Disa nga parametrat e përdorur nënkuptojnë sa vijon:

closeOnOverClick: do të përcaktojë nëse dritarja mbyllet kur klikohet mbivendosja.

CloseOn Esc: do të thotë të klikosh në Esc.

Expires: Përcakton kohën për të cilën do të ruhet cookie. Në versionin e propozuar, kjo kohë do të jetë gjashtëdhjetë ditë, domethënë dritarja nuk do të shfaqet për dy muaj. Kuki përditësohet në çdo vizitë.

Mësoni si të instaloni në tuajDritarja modale jQuery në sit, mund të kaloni në opsione më komplekse nëse është e nevojshme. Për këtë, shtohen një shumëllojshmëri stilesh CSS dhe dritarja do të bëhet krejtësisht e ndryshme nga dritaret modale në sajtet e tjera.

Fantazia dhe imagjinata do të ndihmojnë në rritjen e ndjeshme të numrit të abonentëve falë zgjidhjeve të tilla, dhe dritaret modale të futura me mjeshtëri në dyqanet online mund të rrisin shitjet shumëfish. Prandaj, koha e shpenzuar për programimin dhe instalimin e Windows do të justifikohet dhe patjetër do të shpërblehet!

Llojet e dritareve modale

Dritaret modale mund të shfaqen kur klikoni në butonin përkatës ose ngarkohen së bashku me faqen dhe shfaqen menjëherë pas ngarkimit. Ato mund të mos shfaqen më në mbyllje për një periudhë kohore nëse vendoset një cookie, si në shembullin e përshkruar më sipër, ose mund të shfaqen sa herë që faqja ngarkohet. Ka dritare modale që janë të fiksuara në një vend dhe mbeten në të, pavarësisht lëvizjeve në faqe, dhe mund të jenë dinamike kur dritarja përmban informacion me një lidhje dhe përdoruesi kalon nëpër të. Atëherë vetëm dritarja do të përditësohet, ndërsa faqja origjinale mbetet e pandryshuar.

Recommended: