A cookie-k használatát jquery, jquery, az online technológia cikkeket
Megyünk, hogy egy panel több címke. Minden alkalommal, amikor van egy depresszió a címkén, azt kiemeli, és a megfelelő értéket a címkét tárolt cookie a számítógépén egy böngésző. Akkor tudod használni a két gombot, hogy megjelenítse az aktuális érték a sütiben tárolt, vagy törölni a cookie-kat.
Szintén figyelni, hogy a demo oldalon az első csomagtartó. Egyik védjegyek nincs kiválasztva. És ha egyszer úgy dönt, egy, akkor frissíteni a demo oldalon, valamint a címke, akkor osztják dedikált. Ha törli a cookie-t, a kiválasztás jön le a jelet. Az újraindítás után a jelek nélkül maradnak kibocsátást. Most lássuk, hogyan működik.
Fogunk használni jQuery, hogy ellenőrizzék a cookie-kat, melyek a plugin fogja használni, ami úgy tervezték, hogy a cookie-k tárolására. A név a bővítmény magától értetődő - Cookie.
Cookie plugin letölthető a jQuery Plugin oldalon projektekben.
HTML kód nagyon egyszerű:
hozzon létre egy süti
Tehát az első dolog, amit tennie, hogy adjunk egy normális kód futtatása a forgatókönyvet, miután a dokumentum készen áll:
Most létrehozunk egy eseménykezelő kattintással. preventDefault () függvény a szokásos eljárás, hogy megakadályozzák jQuery böngésző megy a kapcsolat, ha megnyomja az egér gombját. Amikor a felhasználó rákattint az egér gombját a címke (ami valójában egy link), eltávolítjuk .selected osztály egy címke, amely jelenleg kiosztott és állítsd csak a kiválasztott.
Most add .selected osztály a címkén:
Előállítása a cookie-kat és kimeneti értékek
Cookie-k törlése
Végül törölje a cookie-kat. Ez egy nagyon érdekes pont. A kód a következő:
Ez minden. Tekintsük a harmadik érv a funkciót. Ha megnézzük jquery.cookie.js bővítmény kódot. azt találtuk, hogy a értéke a második argumentum null változót lejár a tömb van rendelve egy értéket -1 lehetőségek:
Ezért, ha azt adja cookieOptions a harmadik érv, valahogy így:
a munka a mi kódot sérül, mivel cookieOptions.expires értékét veszi -1, ami teljes mértékben összhangban van a logikája a plugin.
A kód kiegészíti a klasszikus vége: