关闭灯箱永久关闭按钮点击
问题描述:
我在我的asp.net页面上使用jQuery插件(灯箱)(http://www.ericmmartin.com/projects/simplemodal/#demo)。此灯箱在此灯箱中使用Iframe加载页面。这个灯箱有一个关闭弹出窗口的图像。关闭灯箱永久关闭按钮点击
我想,当用户再次点击该图片,并加载页面然后这个弹出不会出现。此时弹出窗口出现在用户每次点击F5时。我想我需要使用JS/JQuery的cookie,但不完全确定。
答
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;
}
window.onload = function(){
if(document.cookie.indexOf("popupopened")>-1){
if(document.getElementById("your_popup_div")!=null){
document.getElementById("your_popup_div").parentNode.removeChild(document.getElementById("your_popup_div"));
return;
}
} else {
setCookie("popupopened", "Shouldn't open again", 10);
}
}
饼干是你最好的选择。只要设置一个不会在关闭功能 – Dameo
@Dameo上过期的cookie何时会被创建,何时会过期? – DotnetSparrow
您还可以阅读有关localStorage和sessionStorage的信息https://developer.mozilla.org/en-US/docs/DOM/Storage - 除Cookie之外,这是另一个选项 –