重新加载页面时保留更改

问：

我们有一个用 WP 和 Oxygen 构建的页面，其中包含一个功能，当您单击图像时，图像的不透明度会随着这个小脚本而改变 （css）：

jQuery(".box,.box1,.box2").click(function () {<br>
      jQuery(this).toggleClass("red"); <br>
});

我的客户希望这是一个“锁定”功能。因此，它永远不会在页面重新加载时更改，甚至在浏览器或计算机中断或重新启动时也不会更改。仅当用户单击图像时。

我怎样才能做到这一点？饼干？其他解决方案？

我没有编码员，所以请尽可能简单。

提前致谢！

我一直在玩这个，它适用于一个 div，但是当我添加多个 div 时，它们在页面重新加载时会相互跟随，所以我显然做错了什么。

jQuery（“#div，#div1，#div2”）.addClass（localStorage.getItem（'ClassName'）） ;jQuery（“#div，#div1，#div2”）.on（“点击”，function（）{

if（jQuery（this）.hasClass（'active'））{ jQuery（this）.removeClass（“active”）.addClass（“normal”）; localStorage.setItem（'ClassName'， 'normal'）; }

else{ jQuery（this）.removeClass（“normal”）.addClass（“active”）; localStorage.setItem（'ClassName'， 'active'）;