单击“x”后使警报框永久消失

Question

我正在尝试找到一种方法来制作以下警报框：

<div data-alert class="alert-box info radius">
  This is an info alert with a radius.
  <a href="#" class="close">&times;</a>
</div>

用户点击角落的“x”按钮后永久消失，现在它仍然存在，下次用户重新加载时它会重新出现在页面中，这是不可取的。一旦用户单击警报上的“x”，我希望它不会在刷新时再次出现。

编辑：你进入主页面，你看到一个 div 警告框，而不是弹出框，然后你应该可以点击警告面板上的“x”，并且警告应该不会在之后再次出现页面被刷新。链接：http://ops.emsofl.com/

Answer 1

你无法保证你想要的行为。您无法区分页面刷新和第二次访问页面。

在这种情况下使用的一个常见技巧是向浏览器写入一个 cookie，表明他们已经看到了警报。当浏览器发送该 cookie 时不显示警报。它假定浏览器尊重您的 cookie。