Vom face un panou cu mai multe etichete. De fiecare dată când se face clic pe etichetă, este evidențiată în culori, iar valoarea corespunzătoare etichetei este salvată în fișierul cookie de pe computer utilizând browserul. Apoi puteți utiliza două butoane pentru a afișa valoarea curentă stocată în cookie sau pentru a șterge modulul cookie.
În plus, acordați atenție demo-ului în timpul primei descărcări. Niciuna dintre etichete nu este evidențiată. După ce selectați unul, puteți actualiza pagina demonstrativă, iar eticheta pe care o selectați va rămâne evidențiată. Dacă ștergeți cookie-ul, selecția va fi eliminată din etichetă. După repornire, toate semnele rămân fără selecție. Acum, să vedem cum funcționează acest lucru.
Vom folosi jQuery pentru a gestiona cookie-urile, care vor folosi plugin-ul, care este proiectat să funcționeze cu magazinul cookie-urilor. Numele pluginului vorbește de la sine - Cookie.
Plugin-ul Cookie poate fi descărcat din secțiunea proiectului proiectului plug-in jQuery.
Codul HTML pare foarte simplu:
Creați cookie-uri
Deci, primul lucru de făcut este să adăugați codul obișnuit pentru a rula scriptul nostru după ce documentul este gata:
Acum vom crea un handler pentru evenimentul de clic. Funcția preventDefault () este o procedură standard jQuery pentru a împiedica browserul să navigheze prin referință atunci când butonul mouse-ului este apăsat pe el. Când un utilizator face clic pe un buton al mouse-ului pe o etichetă (care este de fapt o legătură), eliminăm clasa selectată din eticheta selectată în prezent și o setăm pe cea selectată.
Acum, adăugați clasa selectată la etichetă:
Preluarea și afișarea valorilor cookie
Ștergeți modulele cookie
În concluzie, ștergem cookie-urile. Acesta este un punct foarte interesant. Codul arată astfel:
Și asta e tot. Luați în considerare al treilea argument al funcției. Dacă te uiți la codul pluginului jquery.cookie.js. atunci se va constata că, cu valoarea celui de-al doilea argument la nul, variabila expiră în matricea opțiunilor este setată la -1:
Prin urmare, dacă vom trece cookieOptions ca al treilea argument, de exemplu, după cum urmează:
atunci munca codului nostru va fi ruptă, deoarece cookieOptions.expires va lua valoarea -1, care corespunde complet logicii pluginului.
Codul nostru se termină cu un sfârșit clasic:
Ultimele 5 lecții din rubrica "jQuery"
Astăzi dorim să vă spunem despre biblioteca TypeIt - un plugin jQuery gratuit. Cu aceasta, puteți simula tastarea. Dacă totul este ajustat corect, puteți obține un efect foarte realist.
jQuery plugin pentru crearea unei cronologii.
jQuery plugin pentru crearea unei diagrame Gantt.
Un exemplu de încărcare a unui fișier prin PHP și jQuery ajax.
O lecție ca asta este descrisă haotic și codul este greu de citit din cauza etichetelor
peste tot. De asemenea, ar fi mai bine structurat în detaliu. În secțiunea "Creați cookie-uri", nu înțeleg de ce adăugăm mai întâi clasa selectată, apoi ștergeți-o și apoi adăugați-o din nou.
Dar, în general, mulțumesc. Și cum pot schimba valoarea cookie-urilor? Și nu ar fi rău să adăugați o descriere a tuturor argumentelor funcției cookie.
Seryoga Lubinsky
Ce pot face pentru Chrome în Chrome? Orice lecție despre demo începe. Mă rog - nu funcționează. Funcționează în toate brackerele, cu excepția cromului
Prompt vă rog am trimis scriptul sub meniu, dar nu știu cum să faceți asta când faceți clic pe link-ul declanșat de tranziție
Răspunsul găsit este Schimbare la. A fost necesar să ștergeți procedura de tratare a evenimentului cu mouse-ul. Funcția preventDefault () este o procedură standard jQuery pentru a împiedica browserul să navigheze prin referință atunci când butonul mouse-ului este apăsat pe el.
Descrieți procesul de lucru cu cookie-urile într-un fel mai amplu, pentru a salva și afișa mai multe date, atomul nu este clar.
danam212909
- acesta este cât de mult 7 zile, 7 ani, de 7 ori?
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!
Articole similare
Trimiteți-le prietenilor: