在首次页面加载时设置Cookie

Question

仅当首次加载页面时，如何才能通过jQuery cookie（ $.cookie() ）库设置cookie？ 我目前具有切换功能，可以在click事件后更改相关Cookie的值

$('.family-filter').click(function() {
    if ($.cookie('ff') == null) {
        $.cookie('ff', 'on', {
            expires: 1,
            path: '/'
        });
    } else {
        $.cookie('ff', null, {
            path: '/'
        });
    }
});

但是，如果尚未设置默认值，则需要一个默认值。

也很乐意通过PHP进行设置，但在这种情况下，我更喜欢通过Javascript进行设置

Answer 1

在页面加载中，您可以设置此代码来检查和设置Cookie

<?php

if (!isset($_COOKIE["ff"])) {
    // Expire Time is 30 Days
    $expire = time() + 60 * 60 * 24 * 30;
    setcookie('ff', 'on', $expire);
}

Answer 2

我像这样添加一个cokkie：

if (document.cookie.indexOf('visited=true') == -1) {
    var thirtydays = 1000*60*60*24*30;
    var expires = new Date((new Date()).valueOf() +  thirtydays);
    document.cookie = "visited=true;expires=" +  expires.toUTCString();
}

它对我来说很好用，如果在用户第一次访问网站时需要运行某些内容，则可以在if子句中添加更多代码。

Answer 3

好吧，我决定以这种方式实现它：

if ($.cookie('ff') == null) {
    $.cookie('ff', 'on', {
        expires: 30,
        path: '/'
    });
}

$('.family-filter').click(function() {
    if ($.cookie('ff') == 'off') {
        $.cookie('ff', 'on', {
            expires: 30,
            path: '/'
        });
    } else {
        $.cookie('ff', 'off', {
            path: '/'
        });
    }
});