使用jQuery cookie:UI提示/笔记 - 在用户继续后隐藏它们
-
21-12-2019 - |
题
起始点:
我有一个棘手的web app界面(不应该是这样的,但这是另一个主题)。要由用户理解,我已经建立了提示。例如:箭头显示方向以在屏幕上滑动以显示菜单。
问题:
每次用户重新加载页面或转到另一个(子)页面时,提示再次出现。胡说八道 - 为用户烦恼。
解决方案:
仅在需要时显示暗示。当用户触发事件时,此事件的提示消失了。如果用户重新加载或访问页面,但几天后他已经了解它是如何工作的,并且他不需要看到提示。
实现:
jquery cookie。类似:
如果事件被触发 - >设置cookie。 cookie说 - >不要显示提示(例如,使用.css(“显示”,“无”)将足够)
我需要你的帮助:
我找不到jQuery cookie的良好教程或文档。我是一个jquery初学者。简单的功能没问题。但这有点大。
感谢您的任何帮助或有用的链接!
解决方案
这是我用来使用的基本旧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();
});
.
希望这有帮助!如果您有疑问,请告诉我。
不隶属于 StackOverflow