Jquery 为删除的元素设置cookie
我有一个元素,右上角有一个X(关闭)图标。 当单击关闭图标时,我用一些jQuery隐藏了元素。 当我在同一会话的新页面上时,元素再次返回。我想设置一个cookie,用于在用户在会话中单击关闭图标后隐藏元素。我发现这个是用来放饼干的,但里面需要什么呢 这是我的元素代码Jquery 为删除的元素设置cookie,jquery,wordpress,cookies,session-cookies,setcookie,Jquery,Wordpress,Cookies,Session Cookies,Setcookie,我有一个元素,右上角有一个X(关闭)图标。 当单击关闭图标时,我用一些jQuery隐藏了元素。 当我在同一会话的新页面上时,元素再次返回。我想设置一个cookie,用于在用户在会话中单击关闭图标后隐藏元素。我发现这个是用来放饼干的,但里面需要什么呢 这是我的元素代码 jQuery(document).ready(function() { //Add close icon in top right corner of element jQuery("<a class='verwijdere
jQuery(document).ready(function() {
//Add close icon in top right corner of element
jQuery("<a class='verwijderen_messenger' href='#'></a>").insertBefore("a#fbmsg-icon");
jQuery("a.verwijderen_messenger").live("click", function(event) {
event.preventDefault();
//Hide element
jQuery("a#fbmsg-icon").css("display", "none");
jQuery("a.verwijderen_messenger").css("display", "none");
//
sessionStorage.setItem("messenger", "hidden");
});
if (sessionStorage.getItem("messenger") == "hidden") {
jQuery("a.verwijderen_messenger").remove();
jQuery("a#fbmsg-icon").remove();
}
else {}
});
jQuery(文档).ready(函数(){
//在元素的右上角添加关闭图标
jQuery(“”.insertBefore(“一个#fbmsg图标”);
jQuery(“a.verwijderen_messenger”).live(“单击”,函数(事件){
event.preventDefault();
//隐藏元素
jQuery(“a#fbmsg图标”).css(“显示”、“无”);
jQuery(“a.verwijderen_messenger”).css(“显示”、“无”);
//
sessionStorage.setItem(“信使”、“隐藏”);
});
if(sessionStorage.getItem(“messenger”)=“隐藏”){
jQuery(“a.verwijderen_messenger”).remove();
jQuery(“一个#fbmsg图标”).remove();
}
else{}
});
您可以使用localStorage.setItem(key,value)
将变量设置到本地浏览器中,并使用localStorage.getItem(key)
获取
在您的示例中,它将是:localStorage.setItem(messenger,'hidden')
,然后通过
if(localStorage.getItem(messenger)=='hidden') {
hideDiv();
} else {
showDiv();
}
这里有三个创建、调用和删除cookie的函数。但我建议查看本地存储,因为它们不会像cookie一样在一段时间后过期
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name+'=; Max-Age=-99999999;';
}
函数setCookie(名称、值、天数){
var=”;
如果(天){
变量日期=新日期();
date.setTime(date.getTime()+(天*24*60*60*1000));
expires=“;expires=“+date.toutString();
}
document.cookie=name+“=”+(值| |“”)+expires+“path=/”;
}
函数getCookie(名称){
变量nameEQ=name+“=”;
var ca=document.cookie.split(“;”);
对于(变量i=0;i
编辑我的代码,在我的functions.php
文件中会是这样吗?那是javascript,不是php。。。你需要一个functions.js
我知道,但是我在我的functions.php中写了js。嗨,我根据你的答案编辑了我的代码。它现在工作得很好!哦,对不起,我没看到;)谢谢你!!