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

Question

我在jQuery中使用fancybox弹出窗口，

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

这是我如何实现/设置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');
            }
        });
    }
});