Con cookies de jquery: instrucciones / notas de UI - Ocultarlas después de que el usuario continuó

Question

El punto de partida :

Tengo una interfaz de aplicación web difícil (no debería ser así, pero ese es otro tema). Para ser entendido por el usuario, he incorporado sugerencias. Por ejemplo: una flecha muestra la dirección para deslizar sobre la pantalla para mostrar el menú.

el problema :

Cada vez que un usuario vuelve a cargar la página o ir a otra página (sub) Página, las sugerencias aparecen nuevamente. Sin sentido, y molesto para el usuario.

la solución :

Muestra los sugerencias solo cuando sea necesario. Cuando el usuario desencadena un evento, la sugerencia de este evento desaparece. Si el usuario vuelve a cargar o visitar la página algunos días después, ya entiende cómo funciona y no necesita ver las sugerencias.

la implementación :

galletas jquery. Algo así como:

Si se activa el evento -> Establecer cookie. Cookie dice:> No muestres sugerencia (por ejemplo, con .css ("pantalla", "ninguno") sería suficiente)

donde necesito su ayuda :

No encuentro un buen tutorial o documentación para las cookies de jquery. Soy un principiante jquery. Las funciones fáciles no son un problema. Pero esto es un poco grande todavía.

¡Gracias por alguna ayuda o enlaces útiles!

Answer 1

jsfiddle: http://jsfiddle.net/wrxsti85/9nubf/

Esta es una configuración básica de la olla de galletas que solía usar.No requiere otras bibliotecas para que sea pequeño y ligero.

La primera vez que carga el violín verá la información sobre herramientas.Haga clic en Ejecutar de nuevo, y no estará allí.

function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}

function checkCookie() {
    var status = getCookie("showToolTip");
    if (status != null && status == 1) {
        $('.TT').hide();
    } else {
        setCookie("showToolTip", "1", 365);
    }
}

$(function() {
    checkCookie();
});

Espero que esto ayude!Déjame saber si tienes preguntas.