Question

我正在尝试使用zurb foundation 6创建一个在页面加载时打开的模式显示。我还希望浏览器存储一个cookie，这样如果用户关闭显示，它将不会再打扰他们7天。

我正在使用jquery插件找到here

的Cookie

这是我的HTML：

<div class="reveal" id="exampleModal1" data-reveal>
  <h1>Awesome. I Have It.</h1>
  <p class="lead">Your couch. It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

正如你所看到的，我没有数据打开元素，因为我想在页面加载后打开模态。

这是我的jquery：

jQuery(document).ready(function($) {
 if ($.cookie('modal_shown') === null) {
        $.cookie('modal_shown', 'yes', { expires: 7, path: '/' });
        $("#exampleModal1").foundation('reveal', 'open');
    }
});

jquery没有冲突模式。

但这似乎不起作用。我没有通过chrome中的开发者控制台获得任何错误。我真的很感激帮助。

Answer 1

我已经发布了其他人需要的解决方案。

事实证明，在基础6中，您不需要同时使用显示和打开方法，只需打开即可。

jQuery(document).ready(function($) {
  if($.cookie('showed_modal') != "true") {
    $("#exampleModal1").foundation("open");
    $.cookie('showed_modal', 'true', { expires: 7, path: '/'}); 
  }
});

基础6显示在页面加载时打开，cookie无效

1 个答案: