我正在为我的项目应用不同的主题。我已经维护了2套css文件,1套css文件包含RED主题另一套包含BLUE主题,一旦用户选择了它应该影响每个jsp页面的主题选项。但我面临的问题是选择的主题仅影响当前页面而不是所有页面。
MainMenu.jsp
$(window).load(function(){
$('.blueTheme').click(function (){
$('link[href="css/mainDiv.css"]').attr('href','css-blue/mainDiv.css');
$('link[href="css/style.css"]').attr('href','css-blue/style.css');
$('link[href="css/style12.css"]').attr('href','css-blue/style12.css');
$('link[href="css/templatemo_style.css"]').attr('href','css-blue/templatemo_style.css');
});
$('.redTheme').click(function (){
$('link[href="css-blue/mainDiv.css"]').attr('href','css/mainDiv.css');
$('link[href="css-blue/style.css"]').attr('href','css/style.css');
$('link[href="css-blue/style12.css"]').attr('href','css/style12.css');
$('link[href="css-blue/templatemo_style.css"]').attr('href','css/templatemo_style.css');
});
});
我将MainMenu.jsp称为剩余页面。
答案 0 :(得分:1)
如果你想保留所选择的主题,你需要将选定的颜色放在某处并从那里读取其他主题的jsps。如果它可能是暂时的,您可以使用session
,如果您需要它是持久的(例如,如果用户注销),则必须继续使用数据库。根据您的要求,cookie
也可以完成这项工作。