使关闭按钮 Session 持久化

Question

我正在使用 Foundation 6 制作我的网站前端。在我网站的 header 上方，我想显示一个促销栏，它应该是可关闭/可关闭的。

因此我使用 close-button，与 Foundation 开箱即用，来隐藏/关闭促销栏。

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

作为关闭按钮只是 "hides" 元素，如果我转到另一个子页面（例如，来自博客文章 -> 返回首页），该栏将再次显示。

在我点击 session 其余部分的关闭按钮后，是否有一种简单的方法可以隐藏该栏？

如果用户在另一天停止，该条应该再次显示。

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

提前致谢！

Answer 1

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

1. 为促销栏指定唯一 ID (id="promotionbar")
2. 在促销栏中添加一个 class (class="hider")
3. 通过 CSS 文件 (.hider {display:none;})
将 display:none 添加到 class

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

   按钮class="close-button" 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"); };

适合我。