我有这个<div>
,其中有一个“ X”,它会关闭<div>
,但在刷新页面时会再次显示。我希望<div>
即使在刷新页面后也保持隐藏状态。我怎样才能做到这一点?
刷新页面时,我也想隐藏它们。
<div class="cookie">
<a href="#" class="cookie-close">
<span class="icon" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>X</span>
</a>
</div>
最佳答案
添加cookie有一些与CREATE,READ和REMOVE cookie有关的功能,请找到此fiddle或下面的代码片段以获取更多信息。
希望对您有帮助。
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
var expires = "; expires=" + date.toUTCString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(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) {
createCookie(name,"",-1);
}
$(function(){
if(readCookie('CodefireOnce') == null)
{
$(".cookie").css("display","block");
}
$("body").on("click",".icon",function(){
$(this).closest("div.cookie").remove();
createCookie('CodefireOnce','true',7);
});
});
<div class="cookie" style="display:none;">
<a href="#" class="cookie-close">
<span class="icon">X</span>
</a>
</div>
关于javascript - 刷新页面时隐藏div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41703914/