JQuery modal pəncərəsi - bu nə üçündür və onu necə quraşdırmaq olar

Mündəricat:

JQuery modal pəncərəsi - bu nə üçündür və onu necə quraşdırmaq olar
JQuery modal pəncərəsi - bu nə üçündür və onu necə quraşdırmaq olar
Anonim

Sualınıza cavab tapmaq üçün bəzən çox vaxt sərf etməli olursunuz, xüsusən də veb dizayna gəldikdə, bu kimi məsələlərdə xüsusi biliyi olmayan bir şəxs sayt yaratmaq qərarına gəlibsə öz başına. JQuery modal pəncərəsi belə əzabverici tapşırıqlardan biri ola bilər.

İnternetdə çoxlu belə pəncərələr tapa bilərsiniz. Deyəsən, sadəcə onları kopyalayıb saytınıza yapışdırmaq lazımdır… Ancaq hər şey o qədər də sadə deyil. Uğurlu olsa, hər şeyi yavaşlatan bəzi detallar var və tapşırığı həll etmək mümkün deyil, çünki bunun üçün lazım olan bilik yoxdur. Buna görə də, jQuery-də həyata keçirilməsi çətin olan bir çox maraqlı xüsusiyyətləri olan modal pəncərəni dərhal təhqir etməkdənsə, heç bir lazımsız problem olmadan kiçik, ən sadə modal pəncərədən başlamaq daha yaxşıdır.

Wordpress-də hardasa bloq varsa, onda hər şey çox sadədir və adətən heç bir çətinlik yoxdur, çünki onun artıq çoxlu hazır həlləri var - müxtəlif pop-up modulları. Ancaq modal pəncərəni özünüz "heykəlləndirməli" və ya mütəxəssislərin pullu xidmətlərinə müraciət etməli olduğunuz tamamilə fərqli variantlar da var. Bildiyiniz kimi, heç kim ödəmək istəmir, xüsusən də sadəcə işin dibinə getməli olduğunuz görünəndə və hər şey olduqca tez bir zamanda ortaya çıxacaq vətamamilə pulsuz.

Səhifədəki məlumatla birlikdə gedən və onu tamamlayan məzmunu göstərmək üçün jQuery modal pəncərəsi lazımdır.

jQuery - bu nədir?

Tam başa düşmək üçün, əgər kimsə bilmirsə, jquery JavaScript kitabxanasıdır, sonuncu isə öz növbəsində veb-səhifənin koduna daxil edilmiş və sizə nail olmağa imkan verən kod parçası deməkdir. HTML və CSS daxilində həyata keçirilə bilməyən müxtəlif effektlər. Belə kod parçasının tipik nümunəsi səhifədə göstərilən cari tarix və ya vaxt ola bilər.

Kitabxananın tərtibatçılarının daim təkmilləşdirilən və yenilənən rəsmi veb-saytı var və bununla əlaqədar olaraq yeni kitabxanalar təklif edən bütün yeni versiyalar mövcuddur.

Jquery-yə bu və ya digər effektə ehtiyacınız olduğunu söyləmək üçün üslub vərəqləri olan CSS dili var.

CSS dili

CSS Cascading Style Sheets deməkdir. İndi İnternetdə bu dildən istifadə etməyən sayt tapmaq mümkün deyil.

Buna görə də modal pəncərələrdə jQuery və CSS demək olar ki, əvəzolunmaz və əvəzolunmazdır. Buna görə də, jQuery daxil deyilsə, bunu etməlisiniz.

Bunu etmək üçün baş etiketinin içərisinə aşağıdakılar daxil edilir:

jQuery
jQuery

Modallar nə üçündür?

Sayt yükləndikdə görünən sadə jQuery modalı daha çox izləyici əldə etmək üçün faydalı ola bilər. Səhifə açılanda pəncərə görünəcək. Bu, çox yayındırıcı deyil və heç kəsi qorxutmaq mümkün deyil, çünki ən kiçik bir narahatlıq zamanı bunu etmək asandır.bağlanır və bağlama düyməsində kukilər olacaq və üzərinə kliklədiyiniz zaman yoxa çıxan modal pəncərə yenidən açılmayacaq.

Pop-up pəncərə

Hər səhifədə yalnız bir dəfə görünən jQuery popup pəncərəsi modal pəncərələrin variasiyasıdır.

Onu həyata keçirmək üçün bir sıra addımlar atılmalıdır.

Modal pəncərələr üçün xüsusi plaginlərdən istifadə edə bilərsiniz. Ən yaxşısı onları arcticModal kimi tərtibatçı saytlarından yükləməkdir. O, aşağıdakı kimi bağlanır:

jQuery modal pəncərəsi
jQuery modal pəncərəsi

Pəncərə üslubu olmadan standart plagin mövzularından biri belə görünəcək:

jQuery sadə modal pəncərəsi
jQuery sadə modal pəncərəsi

Sonra kuki plaqini qoşulur:

jQuery modal pəncərəsi
jQuery modal pəncərəsi

İstifadəçi üçün məlumat verən HTML kodunun yazılması:

jQuery modal pəncərəsi
jQuery modal pəncərəsi

Kodda göstərilən arctimonial-close sinfi jQuery modal pəncərəsinin onunla bağlanacağını bildirir.

Sonra son skript gəlir:

jQuery popup modalı
jQuery popup modalı

İstifadə olunan bəzi parametrlər aşağıdakıları bildirir:

closeOnOverClick: üst-üstə düşən zaman pəncərənin bağlanıb-bağlanmadığını müəyyən edəcək.

CloseOn Esc: Esc üzərinə klikləmək deməkdir.

Müddəti bitir: Kukinin saxlanacağı vaxtı müəyyən edir. Təklif olunan versiyada bu müddət altmış gün olacaq, yəni pəncərə iki ay ərzində göstərilməyəcək. Kuki hər ziyarətdə yenilənir.

Sizin cihazınıza quraşdırmağı öyrəninSaytdakı jQuery modal pəncərəsi, lazım olduqda daha mürəkkəb seçimlərə keçə bilərsiniz. Bunun üçün müxtəlif CSS üslubları əlavə edilir və pəncərə digər saytlardakı modal pəncərələrdən tamamilə fərqli olacaq.

Fantaziya və təxəyyül bu cür həllər sayəsində abunəçilərin sayını əhəmiyyətli dərəcədə artırmağa kömək edəcək və onlayn mağazalarda ustalıqla daxil edilmiş modal pəncərələr satışları dəfələrlə artıra bilər. Buna görə də, pəncərələrin proqramlaşdırılmasına və quraşdırılmasına sərf olunan vaxt özünü doğruldacaq və mütləq öz bəhrəsini verəcəkdir!

Modal pəncərələrin növləri

Modal pəncərələr müvafiq düyməyə kliklədiyiniz zaman açıla bilər və ya səhifə ilə birlikdə yüklənə və yükləndikdən dərhal sonra görünə bilər. Yuxarıda təsvir edilən nümunədə olduğu kimi kuki quraşdırılıbsa, onlar bağlandıqda müəyyən müddət ərzində görünməyə bilər və ya səhifə hər dəfə yüklənəndə görünə bilər. Elə modal pəncərələr var ki, onlar bir yerdə sabitlənir və səhifədəki hərəkətlərə baxmayaraq onun üzərində qalır və pəncərədə keçid olan məlumat olduqda və istifadəçi oradan keçdikdə dinamik ola bilir. Sonra orijinal səhifə dəyişməz qalarkən yalnız pəncərə yenilənəcək.

Tövsiyə: