单击按钮 1 周后不显示横幅？答案

【问题标题】：Do not display the banner after clicking on the button for 1 week?单击按钮 1 周后不显示横幅？
【发布时间】：2020-12-11 02:54:47
【问题描述】：

当我到达我的网站时，我创建了一个横幅。我希望当用户单击一次使其消失时，它不会在 1 周内再出现。目前，当我单击它时，它最终会在我刷新页面时重新出现...... 非常感谢

这是我的代码：html 代码

        <div class="border-alert-site " role="alert">
          <span style="font-size: 15px;" class="text-white">Blabla</span>
          <button type="button" class="close" data-dismiss="alert" aria
label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

我的 jquery 代码

  $(".close").click(function () {
    Cookies.set('.border-alert-site', true, { expires: 7 });
    $('.border-alert-site').hide();
  });

【问题讨论】：

标签： javascript jquery cookies

【解决方案1】：

HTML

        <div class="border-alert-site" role="alert">
          <span style="font-size: 15px;" class="text-white">Blabla</span>
          <button type="button" class="close" data-dismiss="alert" aria
label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

jQuery

$(function() {
  const cookie = Cookies.get('border-alert-site');
  if (cookie) {
     $('.border-alert-site').hide();
  }
  $(".close").click(function () {
    Cookies.set('border-alert-site', true, { expires: 7 });
    $('.border-alert-site').hide();
  });
});

【讨论】：