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

请参阅Can jQuery read/write cookies to a browser?

Answer 2

在<head>添加<script src="jquery.cookie.js"></script>，然后：

$(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 3

我已阅读此内容，并试图将其纳入我的网站，但它无效。

在我的'theme.liquid'中

在''

下

我有这个：

<script src="jquery.cookie.js"></script>

在我的'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的应用程序，这是他们通过社交媒体注册的代码行。

<script src="//setup.shopapps.io/social-login/script/snookieshop.js?width=300&height=330"></script>

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

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

3 个答案: