我有一个 div#logo。我为这个 div 设置了背景图片。我使用 jQuery 动态更改图像。和一个包含 div#logo 的公共页面。我有一个来自 UI 端的按钮,它更改了 div#logo.but 的背景图像。但是当我重定向到另一个页面时,div#logo 页面采用默认背景图像。
对于我选择图像表单 UI 侧按钮的所有页面,我必须做什么。
我有一个 div#logo。我为这个 div 设置了背景图片。我使用 jQuery 动态更改图像。和一个包含 div#logo 的公共页面。我有一个来自 UI 端的按钮,它更改了 div#logo.but 的背景图像。但是当我重定向到另一个页面时,div#logo 页面采用默认背景图像。
对于我选择图像表单 UI 侧按钮的所有页面,我必须做什么。
如果服务器端没有持久存储(以及由此产生的所有麻烦,例如输入验证等),我认为您最好将用户的选择存储在 cookie 中。
由于您使用的是 jQuery,您可以使用jQuery Cookie 插件。
$(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);
});
});
将背景图片 url 存储到SESSION
. ajax
并通过调用更改背景图像来更新此变量。
这样,您将能够在所有其他页面上获得选定的背景图像。
编辑:
或者
您可以尝试 javsacript 会话。