Cookie作為圖像名稱並獲得設置背景的價值

Question

我不想設置cookie臨時圖像名稱，然后獲取值並將其設置為背景圖像名稱。

<li class="bg"><a href="#"><img src="{style_images_url}/backgrounds/bac1.png" /></a></li>

有我的js代碼

jQuery(document).ready(function(){

   /* for thumbnail click event */
   jQuery('li.bg a').on('click',function(){
      jQuery("body").css('background-image', "url({style_images_url}/backgrounds/bac1.png)");
      jQuery.cookie("bgimg", "url({style_images_url}/backgrounds/bac1.png)", { expires: 7, path: '/'});
   });

   /* for page refresh */
   jQuery("body").css("background-image", "jQuery.cookie('bgimg')");
});

因此，如您所見，我試圖獲取Cookie值並使用它。 jQuery.cookie('bgimg')應該包含url({style_images_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});
   });

});

Answer 1

嘗試刪除引號，例如：

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});
   });

});