lucrările pregătitoare
În primul rând, a crea un document de bază, care se va conecta plugin-ul colorbox. care este responsabil pentru crearea de ferestre modale pe jQuery.
Cum de a afișa o fereastră pop-up pe site-ul nu mai mult de o dată pe oră
De asemenea, trebuie să fim preocupați de utilizatorii noștri și nu le arată aceeași fereastră de mai mult de o dată pe oră (zi, două zile, o lună).
Pentru a face acest lucru, aveți nevoie pentru a înregistra cookie-urile browser-ul utilizatorului cu timpul vieții ei. Vom folosi js-cookie. Conectați-js cookie necesare după conectarea colorbox:
Pentru a afișa o fereastră modal o dată pe zi, codul este după cum urmează:
Cookie-urile. Set ( 'colorboxShown'. 'da'.
html. "
Apel gratuit pentru o ofertă
“.var popupShown = Cookies. get ( 'colorboxShown');
consola. log ( "Cookie găsit nici o acțiune necesară.");
lastFocus = documentul. activeElement;
Mai jos vedeți ce avem.
După 10 secunde, apare o fereastră cu un apel modal. Și această casetă este afișat utilizatorului o dată pe zi.
Am adăugat, de asemenea, un buton cu cookie-uri de compensare, astfel încât să puteți de câteva ori să se uite la activitatea demo.

În lecția de astăzi ne vom uita la un fragment simplu care vă permite să aflați coordonatele poziției cursorului în raport cu documentul. ...


Astăzi vom învăța pentru a crea o decizie populară recente: fix din meniul de sus, care se schimbă cu ...