设置一个jquery cookie在我的fancybox onpage load

这是用来在页面加载时加载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'
        }
    );
});

在您的<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});

参见jQuery可以读写cookie到浏览器吗?

我读过这篇文章，并试图将其纳入我的网站，但它不工作。

In my '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>

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

相关内容

最新更新

热门标签：