0

我将如何创建一个 cookie 来存储一个浏览器会话或一天的随机添加的 body 类。我的意图是随机给每个用户一个身体背景图像，然后存储该图像，这样它就不会改变每次页面重新加载或当他们转到第 2 页时。

网站http://www.midnightlisteners.com/

我正在使用这个 jQuery 插件：https ://github.com/carhartl/jquery-cookie

但它不工作

我的 jQuery 代码：

我使用的代码：

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'

还有其他方法可以做到这一点吗？php? 纯JavaScript？

4

1 回答 1

1

更新：

如果你想让它只持续会话的长度，那么只需使用会话：

<?php 
if(!isset($_SESSION['bgclass'])) {
   // lets make our cookie!
   $classes = array('body-bg1','body-bg2', 'body-bg3', 'body-bg4');

   $classIndex = array_rand($classes);

   $_SESSION['bgclass'] = $classes[$classIndex];

}       

$bgclass = $_SESSION['bgclass'];
?>

这样，在会话超时或浏览器关闭后，用户将获得一个新的 bgclass 值。

如果您已经运行 php，我会这样做。如果可以的话，更好地处理这个服务器端。它也有点简单：

<?php 
if(!isset($_COOKIE['bgclass'])) {
   // lets make our cookie!
   $classes = array('body-bg1','body-bg2', 'body-bg3', 'body-bg4');
   $expire = time()+(60*60*24); // expire 1 day form now
   $classIndex = array_rand($classes);

   $bgclass = $classes[$classIndex]; // had $class here as opposed to $classes

   setcookie('bgclass', $bgclass, $expire);

} else {
  $bgclass = $_COOKIE['bgclass'];
}
?>
<html>
  <head></head>
  <body class="<?php echo $bgclass ?>">
    ...
  </body>
</html>

要记住的关键是 cookie 本质上是一个响应标头，因此您必须在标头发送之前执行此操作（即，来自 php 的任何内容都会输出到浏览器）。

于 2012-09-13T20:17:53.543 回答