Javascript 更改背景图像并设置cookie

尝试将主体背景模式更改为相应的缩略图，然后使用cookie保存，切换正常，但在刷新页面时它不会保存cookie

这样做对吗

有人能帮忙吗

<script type="text/javascript">
     function changeBg(bgImage) {
                $("body").css({"background-image": bgImage});
                $.cookie("bgimg", bgImage, { expires: 7});
            }


            $('.bgswitch.pat1').click(function()
            {   
                changeBg("url(/images/patterns/p1.png)");
            });

            $('.bgswitch.pat2').click(function()
            {
                changeBg("url(/images/patterns/p2.png)"); 
            });
            $('.bgswitch.pat3').click(function()
            {
                changeBg("url(/images/patterns/p3.png)"); 
            });
            $('.bgswitch.pat4').click(function()
            {
                changeBg("url(/images/patterns/p3.png)"); 
            });
            $('.bgswitch.pat5').click(function()
            {
                changeBg("url(/images/patterns/p4.png)"); 
            });
            $('.bgswitch.pat5').click(function()
            {
                changeBg("url(/images/patterns/p5.png)"); 
            });
            $('.bgswitch.pat6').click(function()
            {
                changeBg("url(/images/patterns/p6.png)"); 
            });
            $('.bgswitch.pat7').click(function()
            {
                changeBg("url(/images/patterns/p7.png)"); 
            });
            $('.bgswitch.pat8').click(function()
            {
                changeBg("url(/images/patterns/p8.png)"); 
            });
            $('.bgswitch.pat9').click(function()
            {
                changeBg("url(/images/patterns/p9.png)"); 
            });
            $('.bgswitch.pat10').click(function()
            {
                changeBg("url(/images/patterns/p10.png)"); 
            });
</script>

功能更改BG（bgImage）{
$（“body”）.css（{“背景图像”：bgImage}）；
$.cookie（“bgimg”，bgImage，{expires:7}）；
}
$（'.bgswitch.pat1'）。单击（函数（）
{   
changeBg（“url（/images/patterns/p1.png）”；
});
$（'.bgswitch.pat2'）。单击（函数（）
{
changeBg（“url（/images/patterns/p2.png）”；
});
$（'.bgswitch.pat3'）。单击（函数（）
{
changeBg（“url（/images/patterns/p3.png）”；
});
$（'.bgswitch.pat4'）。单击（函数（）
{
changeBg（“url（/images/patterns/p3.png）”；
});
$（'.bgswitch.pat5'）。单击（函数（）
{
changeBg（“url（/images/patterns/p4.png）”；
});
$（'.bgswitch.pat5'）。单击（函数（）
{
changeBg（“url（/images/patterns/p5.png）”；
});
$（'.bgswitch.pat6'）。单击（函数（）
{
changeBg（“url（/images/patterns/p6.png）”；
});
$（'.bgswitch.pat7'）。单击（函数（）
{
changeBg（“url（/images/patterns/p7.png）”；
});
$（'.bgswitch.pat8'）。单击（函数（）
{
changeBg（“url（/images/patterns/p8.png）”；
});
$（'.bgswitch.pat9'）。单击（函数（）
{
changeBg（“url（/images/patterns/p9.png）”；
});
$（'.bgswitch.pat10'）。单击（函数（）
{
changeBg（“url（/images/patterns/p10.png）”；
});

使用jquery ready事件在页面刷新时设置背景模式，如下所示

$(document).ready(function(){
   $("body").css({ "background-image": $.cookie("bgimg") });
});

您还可以为所有缩略图指定css类，如“thumb”，并优化代码，如

$(document).ready(function(){

   /* for page refresh */
   $("body").css({ "background-image": $.cookie("bgimg") });

   /* for thumbnail click event */
   $(".thumb").click(function(){
      $("body").css({"background-image": $(this).attr('src')});
      $.cookie("bgimg", "url("+ $(this).attr('src') +")", { expires: 7});
   });

});

---

这就是你所需要的。

你怎么知道饼干没有保存？我看不出你在哪里读cookie和设置页面加载的背景。而且，这是大量的代码重复。找到模式。请注意，您需要jquerycookie（）来完成此操作。