时间戳

首页 > 解决方案 > 单击按钮 1 周后不显示横幅？

javascript - 单击按钮 1 周后不显示横幅？

问题描述

当我到达我的网站时，我创建了一个横幅。我希望当用户单击它一次使其消失时，它不会在 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();
  });

标签： javascriptjquerycookies

解决方案

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();
  });
});

推荐阅读