Css 使用本地存储切换后台

Css 使用本地存储切换后台,css,jquery-ui,themes,local-storage,toggle,Css,Jquery Ui,Themes,Local Storage,Toggle,刷新页面后,我的主题将发生更改。请帮助我得到相同的风格,一旦我们改变了主题(刷新页面后)的页面 演示。 刷新页面后,当前类不会出现。 代码: 脚本: $('.theme_change').on('click', function() { $('body').toggleClass('black_theme'); $('this').toggle(); }); 提前感谢。不行,您需要将其保存在本地存储器或cookie中,然后在刷新时将其加载。谢谢您的输入Pet

刷新页面后,我的主题将发生更改。请帮助我得到相同的风格,一旦我们改变了主题(刷新页面后)的页面

演示。

刷新页面后,当前类不会出现。 代码:

脚本:

$('.theme_change').on('click', function() { 
    $('body').toggleClass('black_theme');       
    $('this').toggle(); 
});

提前感谢。

不行,您需要将其保存在本地存储器或cookie中,然后在刷新时将其加载。谢谢您的输入Pete。但是,我实现了上面一个主题在页面刷新后显示相同的颜色。但问题是由于本地存储,无法切换原始主题。清除缓存后,它将正常工作。演示它不行,您需要将其保存在本地存储或cookie中,然后在刷新时加载。谢谢您的输入Pete。但是,我实现了上面一个主题在页面刷新后显示相同的颜色。但问题是由于本地存储,无法切换原始主题。清除缓存后,它将正常工作。演示
body {
  background:#fff;
  color:#000;
}
.content {
  background:#f00;
  color:#fff;
}
.black_theme {
  background:#2180c7;
  color:#000;
}   
$('.theme_change').on('click', function() { 
    $('body').toggleClass('black_theme');       
    $('this').toggle(); 
});