Question

我目前正在使用Zurb基础框架，我想创建将在页面加载时出现的模态。我希望这个模式在用户浏览器中存储一个cookie，这样如果他们访问该网站之前它们将不再显示相同的模态。

以下是我尝试使用jQuery实现此方法的方法，该方法用于启动基础。注意我使用的是jQuery no conflict wrapper，因为我正在使用word press实现它。

jQuery(document).ready(function($){


$('#myModal2').foundation('reveal', 'open');

 var shown = $.cookie('dialogShown');
      if (!shown) {
            setTimeout(function() {
                  $('#myModal2').foundation({modal: true});
                  $.cookie('dialogShown', 'true');
            }, 2000);





      }});

这段代码没有给我所需的输出，模态在页面加载时一遍又一遍地打开，没有存储cookie，我真的很感激，如果有人可以帮我解决这个问题。感谢

Answer 1

您粘贴的代码正是您所写的内容。

准备好文档后，打开揭示模块（参见更多：http://foundation.zurb.com/docs/v/4.3.2/components/reveal.html）

之后就有了你的魔法。如果您想要上述行为，则必须在打开模态之前检查cookie。：）

Answer 2

如果有人想知道我使用jQuery cookies插件发布了解决方案。

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

在用户浏览器中存储显示模态cookie

2 个答案: