使关闭按钮会话持久

Question

我正在使用Foundation 6使我的网站前端化。我要在网站标题上方显示一个促销栏，该栏应该是可关闭/不可使用的。

因此，我使用一个关闭按钮（与Foundation一起使用）来隐藏/分散促销栏。

现在，我想要的是，如果用户关闭/隐藏促销栏，则该栏（对于会话的其余部分）将不再显示。

由于关闭按钮只是“隐藏”元素，如果我转到另一个子页面（例如，来自博客->返回首页），该栏将再次显示。

在剩下的会话中，单击关闭按钮后，是否有一种简单的方法可以隐藏该栏？

如果用户第二天停下来，应该再次显示该栏。

https://foundation.zurb.com/sites/docs/close-button.html

提前谢谢！

Answer 1

谢谢@ daniel-ruf-如果有人正在寻找解决方案，我已经通过以下方式解决了

1. 为推广栏提供唯一的ID（id =“ promotionbar”）
2. 在促销栏中添加一个类（class =“ hider”）
3. 通过CSS文件（.hider {display：none;}）向类添加display：none

4. 在关闭按钮上添加onClick操作

   button class =“关闭按钮” data-close =“” onclick =“ promotionhide（）”>×

5. 在App.js中添加

   var cacheKeyNoPromo ='promotionhide';

   var nopromo = readFromCache（cacheKeyNoPromo）; 如果（！nopromo）{     document.getElementById（“ promotionbar”）。classList.remove（“ hider”）; }

   var Promotionhide = function（）{ writeToCache（cacheKeyNoPromo，true，24 * 60 * 60 * 1000 / * 1D * /）; document.getElementById（“ promotionbar”）。classList.add（“ hider”）; };

为我工作。