JQuery modal oynasi - u nima uchun va uni qanday o'rnatish kerak

Mundarija:

JQuery modal oynasi - u nima uchun va uni qanday o'rnatish kerak
JQuery modal oynasi - u nima uchun va uni qanday o'rnatish kerak
Anonim

Savolingizga javob topish uchun ba'zan ko'p vaqt sarflashingiz kerak bo'ladi, ayniqsa veb-dizaynga kelsak, bunday masalalarni unchalik bilmagan odam sayt yaratishga qaror qilgan bo'lsa. o'z-o'zidan. JQuery modal oynasi shunday og'ir vazifalardan biri bo'lishi mumkin.

Internetda bunday oynalarni koʻp topishingiz mumkin. Ko'rinib turibdiki, siz ularni nusxalashingiz va saytingizga joylashtirishingiz kerak … Biroq, hamma narsa juda oddiy emas. Nasib qilsa, hamma narsani sekinlashtiradigan ba'zi bir tafsilot mavjud va bu vazifani hal qilishning iloji yo'q, chunki buning uchun zarur bilim yo'q. Shuning uchun, jQuery-da amalga oshirish qiyin bo'lgan juda ko'p qiziqarli funksiyalarga ega modal oynani darhol qo'rqitishdan ko'ra, keraksiz muammolarsiz kichik, eng oddiy modal oynadan boshlagan ma'qul.

Agar wordpress-da biror joyda blog bo'lsa, unda hamma narsa juda oddiy va odatda hech qanday qiyinchiliklar bo'lmaydi, chunki unda allaqachon ko'plab tayyor echimlar mavjud - turli xil qalqib chiquvchi modullar. Ammo modal oynani o'zingiz "hayk altarishingiz" yoki mutaxassislarning pullik xizmatlariga murojaat qilishingiz kerak bo'lgan mutlaqo boshqa variantlar mavjud. Ma'lumki, hech kim pul to'lashni xohlamaydi, ayniqsa siz shunchaki ishning tubiga tushishingiz kerak bo'lsa va hamma narsa juda tez sodir bo'ladi vamutlaqo bepul.

JQuery modal oynasi sahifadagi maʼlumotlar bilan birga keladigan va uni toʻldiradigan kontentni koʻrsatish uchun kerak.

jQuery - bu nima?

To'liq tushunish uchun, agar kimdir bilmasa, jquery bu JavaScript kutubxonasi va ikkinchisi, o'z navbatida, veb-sahifa kodiga kiritilgan va sizga erishishga imkon beradigan kod qismini anglatadi. HTML va CSS ichida amalga oshirib bo'lmaydigan turli effektlar. Bunday kod qismiga odatiy misol sahifada ko'rsatilgan joriy sana yoki vaqt bo'lishi mumkin.

Kutubxona ishlab chiquvchilari rasmiy veb-saytga ega boʻlib, u doimiy ravishda takomillashtirilib, yangilanib turadi, shu munosabat bilan yangi kutubxonalarni taklif qiluvchi barcha yangi versiyalar mavjud.

Jquery-ga u yoki bu effekt kerakligini aytish uchun uslublar jadvallari mavjud CSS tili mavjud.

CSS tili

CSS kaskadli uslublar jadvallarini bildiradi. Endi internetda bu tildan foydalanmaydigan saytni topishning iloji yo‘q.

Demak, modal oynalarda jQuery va CSS deyarli ajralmas va ajralmas hisoblanadi. Shuning uchun, jQuery kiritilmagan bo'lsa, buni qilishingiz kerak.

Buni amalga oshirish uchun bosh teg ichiga quyidagilar kiritiladi:

jQuery
jQuery

Modallar nima uchun?

Sayt yuklanganda paydo boʻladigan oddiy jQuery modali koʻproq izdoshlar olish uchun foydali boʻlishi mumkin. Sahifa ochilganda oyna paydo bo'ladi. Bu unchalik chalg'itmaydi va hech kimni qo'rqitishi dargumon, chunki eng kichik noqulaylik bilan buni qilish oson.yopiladi va yopish tugmasi cookie-fayllarga ega bo'ladi va uni bosganingizda yo'qolgan modal oynasi qayta ochilmayapti.

Qalqib chiquvchi oyna

Har bir sahifada faqat bir marta paydo boʻladigan jQuery qalqib chiquvchi oynasi modal oynalarning oʻzgarishidir.

Uni amalga oshirish uchun bir qator qadamlarni bajarish kerak.

Modal oynalar uchun maxsus plaginlardan foydalanishingiz mumkin. Ularni arcticModal kabi dasturchilar saytlaridan yuklab olish yaxshidir. U quyidagicha ulanadi:

jQuery modal oynasi
jQuery modal oynasi

Oyna uslubisiz standart plagin mavzularidan biri quyidagicha ko'rinadi:

jQuery oddiy modal oynasi
jQuery oddiy modal oynasi

Keyin, cookie plagini ulanadi:

jQuery modal oynasi
jQuery modal oynasi

Foydalanuvchi uchun ma'lumot beruvchi HTML kodni yozish:

jQuery modal oynasi
jQuery modal oynasi

Kodda ko'rsatilgan arktimonial-yopish klassi jQuery modal oynasi u bilan yopilishini bildiradi.

Keyingi yakuniy skript keladi:

jQuery qalqib chiquvchi modali
jQuery qalqib chiquvchi modali

Ishlatilgan ba'zi parametrlar quyidagilarni anglatadi:

closeOnOverClick: qoplama bosilganda oyna yopilishini aniqlaydi.

CloseOn Esc: Esc tugmasini bosishni anglatadi.

Muddati tugadi: Cookie saqlanadigan vaqtni belgilaydi. Taklif etilgan versiyada bu vaqt oltmish kun bo'ladi, ya'ni oyna ikki oy davomida ko'rsatilmaydi. Cookie har tashrifda yangilanadi.

Oʻzingizga qanday oʻrnatishni oʻrganingSaytdagi jQuery modal oynasi, agar kerak bo'lsa, murakkabroq variantlarga o'tishingiz mumkin. Buning uchun turli xil CSS uslublari qo'shiladi va oyna boshqa saytlardagi modal oynalardan butunlay farq qiladi.

Fantaziya va xayolot bunday yechimlar tufayli obunachilar sonini sezilarli darajada oshirishga yordam beradi va onlayn-doʻkonlarga mohirona kiritilgan modal oynalar savdoni bir necha barobar oshirishi mumkin. Shuning uchun, Windows-ni dasturlash va o'rnatish uchun sarflangan vaqt o'zini oqlaydi va albatta o'zini oqlaydi!

Modal oynalar turlari

Modali oynalar mos keladigan tugmani bosganingizda qalqib chiquvchi yoki sahifa bilan birga yuklangan va yuklangandan soʻng darhol paydo boʻlishi mumkin. Agar kuki o'rnatilgan bo'lsa, yuqorida ko'rsatilgan misolda bo'lgani kabi ular yopilganda ma'lum vaqt davomida ko'rinmasligi yoki sahifa har yuklanganda paydo bo'lishi mumkin. Modal oynalar mavjudki, ular bir joyda o'rnatiladi va sahifadagi harakatlarga qaramay, unda qoladi va oynada havolali ma'lumotlar mavjud bo'lganda va foydalanuvchi u orqali o'tganda dinamik bo'lishi mumkin. Shundan so'ng faqat oyna yangilanadi, asl sahifa esa o'zgarishsiz qoladi.

Tavsiya: