Установите jquery cookie на мою страницу загрузки fancybox - PullRequest
Новая
       5

Установите jquery cookie на мою страницу загрузки fancybox

1 голос
/ 29 апреля 2011

это то, что используется для загрузки fancybox при загрузке страницы. Однако я хочу, чтобы это появилось у новых посетителей или людей, которые посетили страницу 3 дня назад.

Наверное, с cookie-файлом jQuery, но я не знаю как. 

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

Ответы [ 3 ]

0 голосов
/ 29 апреля 2011

В вашем <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 .

0 голосов
/ 23 марта 2015

Я прочитал это и попытался включить это на мой сайт, но он не работает.

В моем '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>

Цель этого состоит в том, что я хочу, чтобы на главной странице появлялся всплывающий экран всякий раз, когда клиент входит и посещает.

0 голосов
/ 29 апреля 2011
...