页面上的jQuery cookie加载fancybox弹出窗口

Question

我在jQuery中使用fancybox popup，

每次用户进入我的网站时如何才能显示此内容？最好每次会议显示一次......

这是我如何实现/设置cookie的示例

http://www.sohtanaka.com/web-design/examples/modal-window/index2.htm

Answer 1

使用以下命令打开fancybox后创建一个cookie：

'onComplete' : function() {
        // set cookie
    }

但是在打开fancybox之前总是要检查cookie的存在。不要设置“过期”值，这将强制在会话结束时删除cookie。

编辑：

只需扩展您发布的代码：

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});

如果页面加载且脚本找不到cookie，则会打开fancybox。如果页面加载并且cookie存在，则不会打开花式框。

这里有一些关于opening fancybox when the page loads的更多信息。

Answer 2

你需要使用cookie插件才能工作 - https://github.com/carhartl/jquery-cookie

然后使用代码Digbyswift发布...效果很棒！

$(document).ready(function(){

    var check_cookie = $.cookie('the_cookie');

    if(check_cookie == null){

        $.fancybox('<h2>Some content</h2>', {
            'onComplete' : function() {
                    $.cookie('the_cookie', 'the_value');
            }
        });
    }
});