Question

我有一个div＃徽标。我为这个div设置了背景图片。我使用jQuery动态更改图像。和一个包含div #logs的常见页面。我有一个UI界面的按钮，它改变了div＃logo的背景图片。但是当我重定向到另一个页面时，div #logo页面采用默认的背景图像。

我选择图像形式UI侧按钮的所有页面的内容。

Answer 1

没有服务器端的持久存储（以及由输入验证等引起的所有麻烦）我认为你最好将用户的选择存储在cookie中。

由于您使用的是jQuery，因此可以使用jQuery Cookie plugin。

$(function() {
    var img = $.cookie('background') || 'standard-bg.png';

    $('#logo').css({
        backgroundImage: img
    });

    $('button').click(function() {
       var img_src = $(this)... // However you determine the particular image

       $('#logo').css({
           backgroundImage: img_src
       });

       $.cookie('background', img_src);
    });
});

Answer 2

将背景图片网址存储到SESSION。并通过ajax调用更改背景图片来更新此变量。

这样您就可以在所有其他页面上获得所选背景图像。

编辑：

或

您可以尝试javsacript会话。

Persist javascript variables across pages?

为页面动态设置背景图像

2 个答案: