Настройка cookie с Javascript

Question

My js app представляет собой календарь пришествия, где пользователи могут открывать «дверь» до или перед сегодняшним днем, поэтому фоновое изображение div изменяется.

Я хотел бы настроить cookie, поэтому, когда они вернутся на следующий день, у divs все еще есть фоновое изображение на месте.

Я установил открытый файл cookie и дверь, но я не уверен, как интегрировать cookie в функцию открытия двери. Любая помощь будет оценена, большое спасибо.

Ссылка на приложение: http://p3.katecooperuk.com

Открывание двери - выбрать случайное фоновое изображение из массива:

$('.doors').click(function() { 

    if (today.getMonth() !== 11) { 

     return; 
    } 

    // Check if the date is tomorrow or later 
    if (+($(this).attr('id').split('dec')[1]) > day) { 

     // Show image telling user to come back 
     $(this).css('background-image', 'url(/images/come_back.png)'); 

     return; 
    } 

    // Otherwise it is today or earlier 

    // Select Random Image 
    var doorImage = getRandomImage(calendarImg); 

    // Change background image of door that was clicked 
    $(this).css('background-image', doorImage); 

}); 

Cookie

//on document ready, checks if the cookie is set, and if so, sets the background with it's value 
$(function(){ 
    if($.cookie('background-image') != null){ 
    $(this).css('background-image', $.cookie('background-image')); 
    } 
}); 

// Set cookie 
$(function() { 
    $(this).css('background-image', doorImage); 
    $.cookie('background-image', doorImage); 
}); 

Answer 1

W3Schools имеет большой новичка учебник по печенью here

В принципе, wh вам нужно установить значение cookie на дату его создания и любые другие параметры, которые вы хотите установить, когда пользователь возвращается (например, идентификаторы фоновых изображений). Затем, когда пользователь вводит ваш сайт, вы проверяете на посмотрите, есть ли у них cookie. Если да, проверьте его параметр даты. Если это не сегодня (это действительно легко проверить с помощью JavaScript), то используйте дополнительные параметры, чтобы установить любой фон, который вы хотите.

Удостоверьтесь, что всякий раз, когда они меняют свой фон, вы возвращаете данные своего файла cookie в текущие фоны.

Надеюсь, это поможет!

*

от вас код, у меня трудно понять, что именно это вы пытаетесь достичь. Кроме того, я просматриваю ваш сайт, и я не вижу никаких сохраненных файлов cookie. Попробуйте начать с простого примера: 1 дверь и 1 cookie. Затем выполните простую проверку, чтобы проверить, работает ли ваш файл cookie, например, установить определенный фон при обнаружении файла cookie, а другой - нет. После успешного управления вашим файлом cookie вы можете начать делать его более сложным с большим количеством данных.