Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Cookie作为图像名称并获取设置背景的值_Javascript_Jquery_Background - Fatal编程技术网

Javascript Cookie作为图像名称并获取设置背景的值

Javascript Cookie作为图像名称并获取设置背景的值,javascript,jquery,background,Javascript,Jquery,Background,我不想在cookie explorary图像名称中设置,然后获取值并设置为背景图像名称 <li class="bg"><a href="#"><img src="{style_images_url}/backgrounds/bac1.png" /></a></li> 所以,正如你所看到的,我试图得到一个cookie值并使用它。 jQuery.cookie('bgimg')应该包括url({style\u images\u url}/b

我不想在cookie explorary图像名称中设置,然后获取值并设置为背景图像名称

<li class="bg"><a href="#"><img src="{style_images_url}/backgrounds/bac1.png" /></a></li>
所以,正如你所看到的,我试图得到一个cookie值并使用它。
jQuery.cookie('bgimg')
应该包括
url({style\u images\u url}/backgrounds/bac1.png)
-这是我的图像的地址

所以我在记住背景方面有一个问题,因为所有的工作都很好,背景在改变,但在页面刷新后,背景是默认的

提前谢谢

更新

jQuery(document).ready(function(){

   jQuery("body").css({ "background-image": jQuery.cookie("bgimg") });

   jQuery("li.bg > a").on('click', function(){
      jQuery("body").css({"background-image": jQuery(this).attr('src')});
      jQuery.cookie("bgimg", "url("+ jQuery(this).attr('src') +")", { expires: 7});
   });

});

尝试删除引号,如下所示:

jQuery("body").css("background-image": jQuery.cookie('bgimg'));
或者最好先检查是否存在,如果不创建cookie,则应用:

if (jQuery.cookie('bgimg')) {
    jQuery("body").css("background-image": jQuery.cookie('bgimg'));
}
else {
    //set cookie
    jQuery.cookie("bgimg", "url({style_images_url}/backgrounds/bac1.png)", { expires: 7, path: '/'});
}
更新::

$(document).ready(function(){

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

   $("li.bg > a").on('click', function(){
      $("body").css({"background-image": $(this).attr('src')});
      $.cookie("bgimg", "url("+ $(this).attr('src') +")", { expires: 7});
   });

});

你好,我做了一些类似的事情,
jQuery(document).ready(function(){if(jQuery.cookie('bgimg')){jQuery(“body”).css(“background image”,jQuery.cookie('bgimg'));}else{jQuery('li.bg')。on('click',function(){jQuery(“body”).css”)('background-image',“url({style\u images url}/backgrounds/bac1.png)”);jQuery.cookie('bgimg',“url({style_images_url}/backgrounds/bac1.png)”,{expires:7,path:'/'});})但现在什么都不起作用,所以我认为cookie存在,但我无法得到它的价值。你有其他想法吗?我如何更改此代码?谢谢。当您执行console.log(jQuery.cookie('bgimg'))时,您看到了什么;对不起,我是个新手。你能告诉我怎么启动这个控制台吗?刚刚经过console.log(jQuery.cookie('bgimg'));在
jQuery(document).ready(function(){
)之后?如果是,我什么也看不到。顺便问一下,你有没有包括jQuery.cookie.js脚本?是的,是的,我做了:p我得到了这个-
$(document).ready(function(){

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

   $("li.bg > a").on('click', function(){
      $("body").css({"background-image": $(this).attr('src')});
      $.cookie("bgimg", "url("+ $(this).attr('src') +")", { expires: 7});
   });

});