Lai rastu atbildi uz savu jautājumu, dažkārt nākas tērēt daudz laika, it īpaši, ja, kas attiecas uz web dizainu, vietni nolēmis izveidot cilvēks, kurš šādās lietās īpaši nepārzina uz savu. Jquery modālais logs var būt viens no šādiem satraucošiem uzdevumiem.
Internetā var atrast ļoti daudz šādu logu. Šķiet, ka jums tie vienkārši ir jākopē un jāielīmē savā vietnē … Tomēr ne viss ir tik vienkārši. Kā paveicās, ir kāda detaļa, kas visu bremzē, un uzdevumu nav iespējams atrisināt, jo tam nav nepieciešamo zināšanu. Tāpēc labāk ir sākt ar mazu, visvienkāršāko modālo logu bez liekām problēmām, nevis nekavējoties iznīcinot modālo logu pakalpojumā jQuery ar daudzām interesantām funkcijām, kuras ir grūti ieviest.
Ja kaut kur WordPress ir emuārs, tad viss ir ļoti vienkārši, un parasti nav nekādu grūtību, jo tam jau ir daudz gatavu risinājumu - dažādi uznirstošie moduļi. Bet ir arī pavisam citas iespējas, kur pašam “jāizveido” modālais logs vai jāvēršas pie maksas speciālistu pakalpojumiem. Kā zināms, neviens negrib maksāt, it īpaši, ja šķiet, ka vajag tikai tikt līdz lietas būtībai, un viss noskaidrosies diezgan ātri unpilnīgi bez maksas.
Jquery modālais logs ir nepieciešams, lai parādītu saturu, kas iet kopā ar informāciju lapā un papildina to.
jVaicājums - kas tas ir?
Pilnīgai izpratnei, ja kāds nezina, tad jquery ir JavaScript bibliotēka, un pēdējā savukārt nozīmē koda fragmentu, kas ir iegults tīmekļa lapas kodā un ļauj sasniegt dažādi efekti, kurus nevar ieviest HTML un CSS. Tipisks šāda koda fragmenta piemērs varētu būt pašreizējais datums vai laiks, kas tiek parādīts lapā.
Bibliotēkas izstrādātājiem ir oficiāla vietne, kas tiek pastāvīgi uzlabota un atjaunināta, saistībā ar kuru tiek piedāvātas visas jaunās versijas, kas piedāvā jaunas bibliotēkas.
Lai pateiktu jquery, ka jums ir nepieciešams šis vai cits efekts, ir CSS valoda ar stilu lapām.
CSS valoda
CSS nozīmē kaskādes stila lapas. Tagad internetā nav iespējams atrast vietni, kurā neizmantotu šo valodu.
Tādēļ modālajos logos jquery un CSS ir gandrīz neaizstājami un neaizstājami. Tāpēc, ja jquery nav iekļauts, jums tas ir jādara.
Lai to izdarītu, head tagā tiek ievietots šāds teksts:
Kam paredzēti modāli?
Vienkāršs jquery modāls, kas tiek parādīts, kad vietne tiek ielādēta, var būt noderīgs, lai iegūtu vairāk sekotāju. Atverot lapu, tiks parādīts logs. Tas nav īpaši traucējošs un, visticamāk, nevienu nenobiedēs, jo pie mazākās diskomforta to ir viegliaizveras, un aizvēršanas pogai būs sīkfaili, un, noklikšķinot uz tās, pazudis modālais logs vairs netiks parādīts.
Uznirstošais logs
Jquery uznirstošais logs, kas tiek parādīts tikai vienu reizi lapā, ir modālo logu variants.
Lai to ieviestu, ir jāveic vairākas darbības.
Modālajiem logiem varat izmantot īpašus spraudņus. Vislabāk tos lejupielādēt no izstrādātāju vietnēm, piemēram, arcticModal. Tas savienojas šādi:
Bez loga stila viens no standarta spraudņa motīviem izskatīsies šādi:
Tālāk tiek pievienots sīkfailu spraudnis:
HTML koda rakstīšana, kas sniedz informāciju lietotājam:
Kodā norādītā arktimonial-close klase nozīmē, ka ar to tiks aizvērts modālais logs jQuery.
Nākamais ir pēdējais skripts:
Daži no izmantotajiem parametriem nozīmē:
closeOnOverClick: noteiks, vai logs tiek aizvērts, noklikšķinot uz pārklājuma.
CloseOn Esc: nozīmē noklikšķināšanu uz Esc.
Beigsies: norāda laiku, cik ilgi sīkfails tiks saglabāts. Piedāvātajā variantā šis laiks būs sešdesmit dienas, tas ir, logs netiks rādīts divus mēnešus. Sīkfails tiek atjaunināts katrā apmeklējumā.
Mācāmies instalēt savā ierīcējQuery modālais logs vietnē, ja nepieciešams, varat pāriet uz sarežģītākām opcijām. Šim nolūkam tiek pievienoti dažādi CSS stili, un logs pilnībā atšķirsies no modālajiem logiem citās vietnēs.
Fantāzija un izdoma palīdzēs ievērojami palielināt abonentu skaitu, pateicoties šādiem risinājumiem, un prasmīgi ievietoti modālie logi interneta veikalos var vairākkārt palielināt pārdošanas apjomu. Līdz ar to logu programmēšanai un instalēšanai patērētais laiks attaisnosies un noteikti atmaksāsies!
Modālo logu veidi
Modālie logi var tikt uznirstoši, noklikšķinot uz atbilstošās pogas, vai tie var tikt ielādēti kopā ar lapu, un tie tiks parādīti uzreiz pēc ielādes. Tie var vairs neparādīties, aizverot kādu laiku, ja ir iestatīts sīkfails, kā norādīts iepriekš aprakstītajā piemērā, vai arī tie var parādīties katru reizi, kad lapa tiek ielādēta. Ir modālie logi, kas ir fiksēti vienā vietā un paliek tajā, neskatoties uz kustībām lapā, un var būt dinamiski, ja logā ir informācija ar saiti un lietotājs to iziet cauri. Pēc tam tiks atjaunināts tikai logs, bet sākotnējā lapa paliek nemainīga.
