Сұрағыңызға жауап табу үшін кейде көп уақыт жұмсауға тура келеді, әсіресе веб-дизайнға келетін болсақ, мұндай мәселелерде онша хабары жоқ адам сайт жасауды шешсе өз бетінше. JQuery модальды терезесі осындай азапты тапсырмалардың бірі болуы мүмкін.
Интернетте мұндай терезелерді көптеп табуға болады. Оларды көшіріп алып, сайтыңызға қою керек сияқты… Дегенмен, бәрі оңай емес. Сәттілік болар еді, бәрін баяулататын кейбір деталь бар және тапсырманы шешу мүмкін емес, өйткені бұл үшін қажетті білім жоқ. Сондықтан, іске асыру қиын көптеген қызықты мүмкіндіктері бар jQuery жүйесіндегі модальды терезені бірден қорқытқанның орнына, қажетсіз қиындықтарсыз шағын, ең қарапайым модальды терезеден бастаған дұрыс.
Егер wordpress-те бір жерде блог болса, онда бәрі өте қарапайым және әдетте ешқандай қиындықтар болмайды, өйткені онда көптеген дайын шешімдер бар - әртүрлі қалқымалы модульдер. Сонымен қатар, модальды терезені өзіңіз «мүсіндеуге» немесе мамандардың ақылы қызметтеріне жүгінуге тура келетін мүлдем басқа нұсқалар бар. Өздеріңіз білетіндей, ешкім ақша төлегісі келмейді, әсіресе сізге мәселенің түбіне жету керек сияқты көрінсе, бәрі тез және жылдам болады.толығымен тегін.
Беттегі ақпаратпен бірге келетін және оны толықтыратын мазмұнды көрсету үшін jQuery модальды терезесі қажет.
jQuery - бұл не?
Толық түсіну үшін, егер біреу білмесе, jQuery JavaScript кітапханасы, ал соңғысы, өз кезегінде, веб-беттің кодына енгізілген және қол жеткізуге мүмкіндік беретін код бөлігін білдіреді. HTML және CSS ішінде жүзеге асырылмайтын әртүрлі әсерлер. Мұндай код бөлігінің әдеттегі мысалы бетте көрсетілген ағымдағы күн немесе уақыт болуы мүмкін.
Кітапхана әзірлеушілерінің ресми веб-сайты бар, ол үнемі жетілдіріліп және жаңартылып отырады, соған байланысты жаңа кітапханаларды ұсынатын барлық жаңа нұсқалар бар.
JQuery-ге сізге осы немесе басқа әсер қажет екенін айту үшін стиль кестелері бар CSS тілі бар.
CSS тілі
CSS каскадты стиль кестелерін білдіреді. Қазір интернетте бұл тілді пайдаланбайтын сайтты табу мүмкін емес.
Демек, модальды терезелерде jQuery және CSS дерлік таптырмас және қажет емес. Сондықтан, jQuery қосылмаған болса, мұны істеу керек.
Ол үшін бас тегінің ішіне келесілер енгізіледі:
Модальдер не үшін қажет?
Сайт жүктелген кезде көрсетілетін қарапайым jQuery модалы көбірек жазылушыларды алу үшін пайдалы болуы мүмкін. Бет ашылған кезде терезе пайда болады. Бұл өте алаңдатпайды және ешкімді қорқытуы екіталай, өйткені азғантай ыңғайсыздық кезінде оны жасау оңай.жабылады, ал жабу түймешігінде «cookie» файлдары болады және оны басқан кезде жоғалған модальды терезе қайта қалмайды.
Қалқымалы терезе
Бір бетке бір рет қана пайда болатын jQuery қалқымалы терезесі модальды терезелердің нұсқасы болып табылады.
Оны іске асыру үшін бірқатар қадамдарды орындау қажет.
Модальды терезелер үшін арнайы плагиндерді пайдалануға болады. Оларды arcticModal сияқты әзірлеушілер сайттарынан жүктеп алған дұрыс. Ол келесідей қосылады:
Терезе сәндеусіз стандартты плагин тақырыптарының бірі келесідей болады:
Одан кейін cookie плагині қосылған:
Пайдаланушыға ақпарат беретін HTML кодын жазу:
Кодта көрсетілген arctimonial-close класы jQuery модальды терезесі онымен жабылатынын білдіреді.
Келесі соңғы сценарий:
Пайдаланылған параметрлердің кейбірі мынаны білдіреді:
closeOnOverClick: қабаттасу басылғанда терезе жабылатынын анықтайды.
CloseOn Esc: Esc түймесін басу дегенді білдіреді.
Мерзімі аяқталады: cookie файлы сақталатын уақытты көрсетеді. Ұсынылған нұсқада бұл уақыт алпыс күн болады, яғни терезе екі ай бойы көрсетілмейді. Cookie әр кірген сайын жаңартылып отырады.
Жүйеге орнатуды үйренуСайттағы jQuery модальды терезесі, қажет болса, күрделірек опцияларға өтуге болады. Ол үшін әртүрлі CSS мәнерлері қосылады және терезе басқа сайттардағы модальды терезелерден мүлде басқаша болады.
Қиял мен қиял осындай шешімдердің арқасында жазылушылар санын айтарлықтай арттыруға көмектеседі, ал интернет-дүкендердегі шебер енгізілген модальды терезелер сатылымдарды бірнеше есе арттыруы мүмкін. Сондықтан, терезелерді бағдарламалауға және орнатуға кеткен уақыт өзін ақтайды және міндетті түрде өтеледі!
Модальды терезелердің түрлері
Модальды терезелер сәйкес түймені басқанда қалқымалы болуы мүмкін немесе бетпен бірге жүктеледі және жүктегеннен кейін бірден пайда болады. Жоғарыда сипатталған мысалдағыдай cookie файлы орнатылған болса, олар жабылған кезде енді көрсетілмеуі мүмкін немесе бет жүктелген сайын пайда болуы мүмкін. Модальды терезелер бар, олар бір жерде бекітіліп, беттегі қозғалыстарға қарамастан оның үстінде қалады және терезеде сілтемесі бар ақпарат болған кезде және пайдаланушы ол арқылы өткенде динамикалық болуы мүмкін. Содан кейін бастапқы бет өзгеріссіз қалады, тек терезе жаңартылады.
