Question

我正在使用基础模态来制作弹出窗口。如何修改此代码，因此弹出窗口每个用户每天只会出现一次。感谢

<script>
    $(document).ready(function(){$('#myModal').foundation('reveal', 'open')});
    </script>

Answer 1

如果您希望在单个页面视图中不多次打开它，可以添加一个类以防止重新打开。请注意使用:not选择器

$(document).ready(function(){$('#myModal:not(.opened)').foundation('reveal', 'open')}).addClass('opened');

如果您想阻止模式在一段时间内多次打开，请查看此MDN示例，了解如何设置具有过期时间的Cookie，其中doSomethingOnlyOnce是您的Cookie名称＆＃ 39;重新插入，以后可以在document.cookie中查看。

function doOnce() {
  if (document.cookie.replace(/(?:(?:^|.*;\s*)doSomethingOnlyOnce\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") {
    alert("Do something here!");
    document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
  }
}

您希望将alert()调用替换为您的代码，并以编程方式为Cookie字符串的expires属性生成日期。

此处提供更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

仅显示一次Modal显示

1 个答案: