单击 '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'，然后刷新页面后，警报不应再次出现。 link : http://ops.emsofl.com/

Answer 1

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

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