改变主题(不工作)

时间:2014-05-10 06:22:17

标签: css jsp

我正在为我的项目应用不同的主题。我已经维护了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称为剩余页面。

1 个答案:

答案 0 :(得分:1)

如果你想保留所选择的主题,你需要将选定的颜色放在某处并从那里读取其他主题的jsps。如果它可能是暂时的,您可以使用session,如果您需要它是持久的(例如,如果用户注销),则必须继续使用数据库。根据您的要求,cookie也可以完成这项工作。