首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我有完整的Cookie横幅,但关闭按钮根本不起作用

我有完整的Cookie横幅,但关闭按钮根本不起作用
EN

Stack Overflow用户
提问于 2020-09-06 20:18:42
回答 1查看 140关注 0票数 0

这是完整的cookie弹出在HTML CSS JS我有,但关闭按钮没有反应

代码语言:javascript
复制
    <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存在时弹出窗口是关闭的。

代码语言:javascript
复制
    #cookban.hide{
     opacity: 0;
    }

在JS中,我使用了setItem和getItem,下面是完整的JS代码

代码语言:javascript
复制
       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?

EN

回答 1

Stack Overflow用户

发布于 2020-09-06 21:38:16

好的我知道了..。我做了第二个函数来关闭另一个JQ文件中的按钮来杀死这个横幅。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63764066

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档