0

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

这是我尝试使用用于启动基础的 jQuery 来实现它的方法。注意我使用的是 jQuery 无冲突包装器，因为我正在使用 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，如果有人能帮我解决这个问题，我将不胜感激。谢谢

4

2 回答 2

1

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

文件准备好后，打开显示模块（查看更多： http: //foundation.zurb.com/docs/v/4.3.2/components/reveal.html）

之后就是你的饼干魔法。如果您想要上述行为，则必须在打开模式之前检查 cookie。:)

于 2015-06-28T23:08:30.123 回答
0

万一其他人想知道我已经发布了一个使用jQuery cookies插件的解决方案。

jQuery(document).ready(function($) {
 if ($.cookie('modal_shown') == null) {
        $.cookie('modal_shown', 'yes', { expires: 7, path: '/' });
        $("#myModal2").foundation('reveal', 'open');
    }
});
于 2015-07-02T16:02:21.227 回答