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中设置样式。

Answer 2

我会用一个简单的localStorage来做这件事。

您可以在此处阅读有关存储空间的更多信息：Storage

$(document).ready(function() {
  if(!localStorage.getItem('visited')){
    localStorage.setItem('visited',true);
    $('#popup_this').bPopup();}
});

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

2 个答案: