使用jQuery cookie：UI提示/笔记 - 在用户继续后隐藏它们

Question

起始点：

我有一个棘手的web app界面（不应该是这样的，但这是另一个主题）。要由用户理解，我已经建立了提示。例如：箭头显示方向以在屏幕上滑动以显示菜单。

问题：

每次用户重新加载页面或转到另一个（子）页面时，提示再次出现。胡说八道 - 为用户烦恼。

解决方案：

仅在需要时显示暗示。当用户触发事件时，此事件的提示消失了。如果用户重新加载或访问页面，但几天后他已经了解它是如何工作的，并且他不需要看到提示。

实现：

jquery cookie。类似：

如果事件被触发 - >设置cookie。 cookie说 - >不要显示提示（例如，使用.css（“显示”，“无”）将足够）

我需要你的帮助：

我找不到jQuery cookie的良好教程或文档。我是一个jquery初学者。简单的功能没问题。但这有点大。

感谢您的任何帮助或有用的链接！

Answer 1

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

这是我用来使用的基本旧cookie设置。它不需要其他图书馆，所以它的小而轻巧。

您首次加载小提琴时，您将看到工具提示。单击再次运行，它不会在那里。

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

.

希望这有帮助！如果您有疑问，请告诉我。