Question

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

Answer 1

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

改变主题（不工作）

1 个答案: