这是完整的cookie弹出在HTML CSS JS我有,但关闭按钮没有反应
<div id="cookban" class="hide">
<a href="#" id="close" class="close" >CLOSE</a>
<a href="privacy.html" target="_blank">PRIVACY</a>
<a href="#" id="accept" class="accept" >ACCEPT</a>
</div>在CSS中有一些样式,当cookie存在时弹出窗口是关闭的。
#cookban.hide{
opacity: 0;
}在JS中,我使用了setItem和getItem,下面是完整的JS代码
const cookieStorage = {
getItem: (key) => {
const cookies = document.cookie
.split(';')
.map(cookie => cookie.split('='))
.reduce((acc, [key, value]) => ({ ...acc, [key.trim()]: value}), {});
return cookies[key];
},
setItem: (key, value) => {
document.cookie = `${key}=${value}`;
},
};
const storageType = cookieStorage;
const consentPropertyName = 'owner';
const shouldShowPopup = () => !storageType.getItem(consentPropertyName);
const saveToStorage = () => storageType.setItem(consentPropertyName, true);
window.onload = () => {
const consentPopup = document.getElementById('cookban');
const acceptBtn = document.getElementById('accept');
const closeBtn = document.getElementById('close');
const acceptFn = event =>{
saveToStorage(storageType);
consentPopup.classList.add('hide');
};
const closeFn = event =>{
consentPopup.classList.add('hide');
};
acceptBtn.addEventListener('click', acceptFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};
};
closeBtn.addEventListener('click', closeFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};关闭按钮不要隐藏我的弹出窗口它什么都不做,如何杀死此弹出窗口并不创建cookie?
发布于 2020-09-06 21:38:16
好的我知道了..。我做了第二个函数来关闭另一个JQ文件中的按钮来杀死这个横幅。
https://stackoverflow.com/questions/63764066
复制相似问题