【发布时间】:2014-05-10 06:22:17
【问题描述】:
我正在为我的项目应用不同的主题。我维护了 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 到剩余的页面。
【问题讨论】: