JQuery 쿠키:UI 힌트/notes 숨기기 후에 그들에게 사용자 계속

Question

시작점:

나는 까다로운 웹 응용 프로그램 인터페이스(할 수 없도록,하지만 다른 항목).을 사용자에 의해 이해,내가 내장되어 있는 겁니다.예를 들어:화살표 방향을 표시를 밀 화면에 표시하는 메뉴입니다.

문제:

매번 사용자가 페이지거나 다른(하위)페이지 힌트를 다시 나타납니다.말도 안되고 사용자를 위해.

솔루션:

쇼 힌트는 경우에만 필요합니다.할 때 사용자를 트리거하는 이벤트에 대한 힌트를 이 이벤트가 사라집니다.사용자의 경우 재충전하거나 방문하는 페이지 어떤 일이 나중에 그가 이미 그것이 어떻게 작동하는지 이해하고 그는 필요하지 않한 힌트를 참조하십시오.

구현:

jQuery 쿠키입니다.다음과 같습니다.

는 경우 이벤트가 트리거->설정합니다.쿠키를 말한다->보이지 않는 힌트(예를 들어진다.css("display","none")충분한 것입)

난 당신의 도움을 필요로하는 곳:

찾지 못하면 좋은 튜토리얼 문서에 대한 jQuery 쿠키입니다.Im jQuery 초보자.쉬운 기능에 전혀 문제가 없습니다.하지만 이것은 조금 큰 아직입니다.

주셔서 감사합니다 도움이나 유용한 링크!

Answer 1

JSFIDDLE: http://jsfiddle.net/wrxsti85/9nUBF/

이것은 기본적인 오래된 쿠키 설치가 사용하는 데 사용됩.그것은 필요가 없는 다른 라이브러리는 그래서 작은 가볍습니다.

첫 번째 시간을 로드하는 바이올린 당신이 볼 수됩니다.다시 실행을 클릭합,그리고 그것은 존재하지 않습니다.

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();
});

희망이 도움이 됩니다!알려 질문이 있을 경우.