0

ランダムに追加されたボディ クラスを 1 回のブラウザー セッションまたは 1 日保存する Cookie を作成するにはどうすればよいでしょうか。私の意図は、すべてのユーザーにボディの背景画像をランダムに提供し、その画像を保存して、ページが再ロードされるたびに、またはページ 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'
4

1 に答える 1

0 
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'));
}
于 2012-09-13T15:09:56.977 に答える