在我的 fancybox 页面加载上设置 jquery cookie

Question

这是用于在页面加载时加载 fancybox 的。但是，我希望新访问者或 3 天前访问过该页面的人可以看到此信息。

我想用 jQuery cookie 但我不知道如何。

jQuery(document).ready(function() {
    $.fancybox(
        '<h2>Hi!</h2><p>Lorem ipsum dolor</p>',
        {
                'autoDimensions'    : false,
            'width'                 : 350,
            'height'                : 'auto',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }
    );
});

Answer 1

在您的 中添加 ，然后：

$(function() {
    if ($.cookie('mycookie')) {
        // it hasn't been three days yet
    } else {
        $.fancybox(
            '<h2>Hi!</h2><p>Lorem ipsum dolor</p>',
            {
                'autoDimensions'    : false,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );
    }
});

// set cookie to expire in 3 days
$.cookie('mycookie', 'true', { expires: 3});

这使用 cookie 插件。

Answer 2

请参阅 jQuery 可以在浏览器中读取/写入 cookie 吗？

Answer 3

我已阅读此内容并尝试将其合并到我的网站中，但它不起作用。

在我的'theme.liquid'

下''

我有这个：

在我的'jquery.cookies.js'

我有：

$(function() {
    if ($.cookie('mycookie')) {

    } else {
        $.fancybox(
            '<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>'
,
            {
                'autoDimensions'    : true,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );
    }
});

$.cookie('mycookie', 'true', { expires: 1});

我有这个脚本的原因是因为我正在使用 Shopify 的应用程序，这是他们给我的用于注册社交媒体的代码行。

这样做的目的这是因为我希望每当客户进来并访问时，弹出屏幕就会出现在主页上。