設置元素的瀏覽器cookie

Question

我將如何創建一個cookie來存儲一個瀏覽器會話或一天中隨機添加的主體類。我的本意是隨機給每個用戶身體的背景圖像，然後存儲的圖像，這樣就不會改變每pagereload或當他們去到第2頁。

我使用這個jQuery插件：https://github.com/carhartl/jquery-cookie

我的jQuery代碼：

var classes = ['body-bg1', '', 'body-bg2', 'body-bg3', 'body-bg4',]; 
var randomnumber = Math.floor(Math.random()*classes.length);  
$('body').addClass(classes[randomnumber]); 

編輯：

，我使用的代碼：

if($.cookie('userBackground') === null) { 
    var classes = ['body-bg1','body-bg2', 'body-bg3', 'body-bg4']; 
    var randomnumber = Math.floor(Math.random()*classes.length); 
    var chosenClass = classes[randomnumber]; 
    $('body').addClass(chosenClass); 
    $.cookie('userBackground', chosenClass, { expires: 7, path: '/' }); 
} else { 
    //todo verify cookie value is valid 
    $('body').addClass($.cookie('userBackground')); 
} 

個

錯誤我得到：

Uncaught ReferenceError: require is not defined 
Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'cookie' 

Answer 1

if($.cookie('userBackground') === null) { 
    var classes = ['body-bg1','body-bg2', 'body-bg3', 'body-bg4']; 
    var randomnumber = Math.floor(Math.random()*classes.length); 
    var chosenClass = classes[randomnumber]; 
    $('body').addClass(chosenClass); 
    $.cookie('userBackground', chosenClass, { expires: 7, path: '/' }); 
} else { 
    //todo verify cookie value is valid 
    $('body').addClass($.cookie('userBackground')); 
}