În general, trebuie remarcat faptul că Magnific este foarte popular ca în RuNet și în burzhuynete, în ciuda faptului că dezvoltator rumynskogovoryaschy. În general, Magnific Popup merita pe care am scris despre ea un post separat.
Aici sunt principalele avantaje ale plug-in, pe care mă pot identifica:
- Ușurință și modularitate. versiune minimizată a script-ul cu toate modulele incluse cantareste numai
Conectarea Magnific Popup
Conectați plug-in și începe să lucreze cu el este ușor. În general, site-ul are o documentație detaliată. deși este în limba engleză. Dar să-ți spun - să se angajeze în dezvoltarea web este foarte important să se cunoască limba engleză la nivel tehnic. Fără să-l oriunde. Pentru mine personal, este ușor de a studia documentația pentru script-ul în limba engleză. În final, există, de asemenea, un traducător Google. care poate fi folosit, dacă ceva nu este clar.
În acest articol, voi discuta doar acele aspecte ale ferestrelor modale, pe care le inteleg si care sunt puse în aplicare în mod activ în dezvoltarea de site-uri. Deci, să începem.
Conectați fișierul plug-in și fișierul stil Magnific Popup. Dacă nu ați conectat biblioteca jQuery, apoi asigurați-vă că pentru a conecta ei. În general, conexiunea de aici nu este diferită de orice altă conexiune script jQuery. Despre conexiunea de stiluri și script-uri, am scris un articol separat. I-am sfătui să citească.
Tipuri de ferestre modale
tipul de conținut în caseta - inline
În continuare avem nevoie pentru a inițializa priza nostru. Pentru a face acest lucru, avem nevoie pentru a determina tipul de conținut pop-up. Să numim într-un text simplu modal fereastră. Apoi inițializarea codul va fi pentru tipul de conținut - Inline.
Și totuși ceva. Pentru fereastra noastră a devenit clar avem nevoie de un fișier de stiluri «-popup.css magnific» adăugați următorul cod:
Regula specifică culoarea ferestrei de fundal și umplutură. Ei inițial nu este în fișierul de stil, deoarece Fereastra poate fi aranjat pe placul dumneavoastră.
A se vedea, de asemenea: cadru Twitter Bootstrap - Ce este?
Ca rezultat, am deschis un dialog modal cu textul nostru. Este destul de simplu.
Zaur, Buna ziua. Aici sunt mâinile mele către site-ul dvs. nu sunt încă acolo, și aici sunt - bine făcut.
Întrebarea este.
Astăzi am dat peste acest plug-in pentru prima dată. În principiu, nimic complicat. Am nevoie pentru a face o galerie de imagini cu conținut dinamic de încărcare (butonul Load încă).
Se încarcă pagina, executați plugin-ul, acesta funcționează. Acum apasam „Descarcă mai mult“, a adăugat mai multe fotografii și trebuie să le adăugați la aceeași galerie într-o fereastră pop-up. Iată cum se face corect?
E. Acum doar să iau și din nou inițializa magnificPopup (...)
Chiar așa? Totul funcționează, dar ceva nu-mi place 2 sau mai multe ori să stea față de aceleași elemente plug-in. Ar fi necesar, mai întâi ca curat, probabil. Sau nu? Nu știu cum funcționează, dar se poate face sau ați făcut.
Sunt goliți memoria cache
$ .magnificPopup.instance.popupsCache = <>;
Acesta oferă ceva etmo plan?
Bine ai venit! Mai multe - presupune descărcarea fotografiilor folosind ajax. În acest caz, trebuie să suni plgin din nou atunci când executați pentru ajax. Dacă nu ai probleme cu ajax, cred că vor înțelege + Documentația pentru dezvoltatori va ajuta. Nu este pus în aplicare.
Ei bine, tocmai am făcut-o. Și rabotet bine, dar eu sunt jenat că fac apel în mod repetat, pe elementele vechi. Și dacă faci doar nouă, acesta va fi de 2 galerii disjuncte diferite.
Sau, cred că da, el închide evenimentul click pe link-urile, și apoi în al doilea apel, închide noi evenimente, care suprascrie vechi. Este necesar să se verifice dacă puteți închide evenimentul 2 click pe un element. Niciodată în această parte a gândirii.
Sunteți pe Ajax poate fi pus în aplicare? Aici este nevoie de cunoștințe!
Da, am vândut deja totul și totul funcționează. Am îndoieli sa strecurat și am onorat primul site de dezvoltator ca razplaginit înapoi sau ceva de genul că nu se găsește (nu poring) și a început googling și a găsit site-ul tau.
Nu este suficient pentru a face această lucrare, ar fi de dorit să funcționeze corect.
Bine, vă mulțumesc pentru răspunsurile. Cred că un pic mai mult, și voi economisi timp, și apoi atârnat acolo cu o problemă exagerată.