JQuery modaalaken – milleks see mõeldud on ja kuidas seda installida

Sisukord:

JQuery modaalaken – milleks see mõeldud on ja kuidas seda installida
JQuery modaalaken – milleks see mõeldud on ja kuidas seda installida
Anonim

Oma küsimusele vastuse leidmiseks peate mõnikord kulutama palju aega, eriti kui veebidisaini osas on otsustanud saidi luua inimene, kes pole sellistes küsimustes eriti kursis. omaette. Jquery modaalaken võib olla üks selline piinav ülesanne.

Selliseid aknaid leiate Internetist palju. Tundub, et peate need lihts alt kopeerima ja oma saidile kleepima … Siiski pole kõik nii lihtne. Õnneks on seal mõni detail, mis kõike aeglustab ja ülesannet pole võimalik lahendada, kuna selleks puuduvad teadmised. Seetõttu, selle asemel, et jQuery modaalset akent kohe kiusata paljude huvitavate funktsioonidega, mida on raske rakendada, on parem alustada väikesest ja lihtsaimast modaalaknast ilma tarbetute probleemideta.

Kui kuskil wordpressis on blogi, siis on kõik väga lihtne ja tavaliselt raskusi pole, kuna sellel on juba palju valmislahendusi - erinevad hüpikmoodulid. Kuid on ka täiesti erinevaid võimalusi, kus peate modaalakna ise "voolima" või pöörduma spetsialistide tasuliste teenuste poole. Nagu te teate, ei taha keegi maksta, eriti kui tundub, et peate lihts alt asja lõpuni jõudma ja kõik selgub üsna kiiresti jatäiesti tasuta.

Jquery modaalaken on vajalik, et kuvada sisu, mis läheb koos lehel oleva teabega ja täiendab seda.

jQuery – mis see on?

Täielikuks arusaamiseks, kui keegi ei tea, siis jquery on JavaScripti teek ja viimane tähendab omakorda koodijuppi, mis on manustatud veebilehe koodi ja võimaldab saavutada erinevaid efekte, mida ei saa HTML-is ja CSS-is rakendada. Sellise koodilõigu tüüpiline näide on lehel kuvatav praegune kuupäev või kellaaeg.

Raamatukogu arendajatel on ametlik veebisait, mida pidev alt täiustatakse ja uuendatakse, millega seoses on kõik uued versioonid, mis pakuvad uusi teeke.

Jqueryle teatamiseks, et vajate seda või teist efekti, on olemas stiililehtedega CSS-keel.

CSS-i keel

CSS tähendab astmelisi stiililehti. Nüüd on võimatu leida Internetist saiti, mis seda keelt ei kasutaks.

Seega on modaalakendes jquery ja CSS peaaegu asendamatud ja asendamatud. Seega, kui jqueryt pole kaasas, peate seda tegema.

Selleks sisestatakse peasildi sisse järgmine tekst:

jQuery
jQuery

Mille jaoks on modaalid?

Lihtne jquery modaal, mis kuvatakse saidi laadimisel, võib olla kasulik rohkemate jälgijate saamiseks. Lehe avamisel ilmub aken. See ei ole väga segav ja tõenäoliselt ei hirmuta kedagi, kuna vähimagi ebamugavuse korral on seda lihtnesulgub ja sulgemisnupul on küpsised ning kui klõpsate sellel, siis kadunud modaalaken enam ei ilmu.

Hüpikaken

Jquery hüpikaken, mis kuvatakse ainult üks kord lehel, on modaalakende variatsioon.

Selle rakendamiseks tuleb astuda mitmeid samme.

Modaakende jaoks saate kasutada spetsiaalseid pistikprogramme. Parim on need alla laadida arendaja saitidelt, nagu arcticModal. See ühendatakse järgmiselt:

jQuery modaalaken
jQuery modaalaken

Ilma akna stiilita näeb üks standardsetest pistikprogrammide teemadest välja järgmine:

jQuery lihtne modaalaken
jQuery lihtne modaalaken

Järgmisena ühendatakse küpsiste pistikprogramm:

jQuery modaalaken
jQuery modaalaken

Kasutajale teavet andva HTML-koodi kirjutamine:

jQuery modaalaken
jQuery modaalaken

Koodis määratud arktimonial-close klass tähendab, et jQuery modaalaken sulgub koos sellega.

Järgmisena tuleb viimane skript:

jQuery hüpikakna modaal
jQuery hüpikakna modaal

Mõned kasutatavad parameetrid tähendavad järgmist:

closeOnOverClick: määrab, kas aken sulgub ülekatte klõpsamisel.

CloseOn Esc: tähendab Esc klõpsamist.

Aegub: määrab aja, mille jooksul küpsist säilitatakse. Pakutud versioonis on see aeg kuuskümmend päeva, see tähendab, et akent ei kuvata kaks kuud. Küpsist värskendatakse igal külastusel.

Õppige oma seadmesse installimajQuery modaalaken saidil, saate vajadusel liikuda keerukamate valikute juurde. Selleks lisatakse mitmesuguseid CSS-i stiile ja aken muutub täiesti erinevaks muude saitide modaalakendest.

Fantaasia ja fantaasia aitavad tänu sellistele lahendustele tellijate arvu oluliselt kasvatada ning veebipoodides oskuslikult sisestatud modaalaknad võivad müüki kordades suurendada. Seega on akende programmeerimisele ja paigaldamisele kulutatud aeg õigustatud ja tasub end kindlasti ära!

Modaalsete akende tüübid

Modaalsed aknad võivad olla hüpikaknad, kui klõpsate vastaval nupul või laaditakse koos lehega ja ilmuvad kohe pärast laadimist. Kui küpsis on seatud, nagu ülalkirjeldatud näites, ei pruugi need sulgemisel teatud aja jooksul ilmuda või ilmuda iga kord, kui leht laaditakse. On modaalaknad, mis on fikseeritud ühte kohta ja jäävad sellele vaatamata lehel liikumisele ning võivad olla dünaamilised, kui aken sisaldab lingiga teavet ja kasutaja seda läbib. Siis värskendatakse ainult akent, samal ajal kui algne leht jääb muutumatuks.

Soovitan: