javascript - 当用户重新访问我的网站时如何不再显示弹出窗口？

Question

我在我的网站中创建了自动弹出窗口，但当用户重新访问我的网站时，我没有再次显示自动弹出窗口？

我的框架是:Laravel 5.2

HTML:

<div id="popup_this">
  <span class="button b-close">
    <span>X</span>
  </span>
  <h3>A nice ad goes here!</h3>
  <p>Nulla at nunc posuere, dictum sem sed, tristique mi.</p>
</div>

jQuery bPopup 插件:

<script src="/path/to/jquery.bpopup.min.js"></script>

脚本:

<script>
   $( document ).ready(function() {
      $('#popup_this').bPopup();
   });
</script>

Answer 1

我建议使用JS Cookie一旦用户看到弹出窗口就设置 cookie。

此外，您不需要插件来执行弹出窗口。只需使用 Jquery 并添加一个类，然后在 css 中设置所有内容的样式即可。