Javascript 保存用户时出现问题'；s暗模式偏好

我正在尝试使用localStorage在我的网站上保存暗模式首选项。我遇到的问题是，当你切换到黑暗模式并点击刷新时，它会保持在黑暗模式。但是，如果您切换到暗模式，然后返回到亮模式，并点击刷新，它将加载暗模式

到目前为止，我还没有找到任何有用的资源

下面是我的小提琴和我的js脚本

$（文档）.ready（函数（）{
$（'ul'）。单击（函数（）{
$（'ul'）.toggleClass（'active'））
让darkThemeEnabled=$（'section'）.toggleClass（'dark'）；
setItem（'dark-theme-enabled'，darkThemeEnabled）；
})
})
if（localStorage.getItem（'dark-theme-enabled'））{
$（'section'）.toggleClass（'dark'）；
$（'ul'）.toggleClass（'active'））
}

您可以使用

localStorage

保存并获取它：

$(document).ready(function() {
  var darkMode = localStorage.getItem('dark') || false;
  $('ul').click(function() {
    $('ul').toggleClass('active')
    $('section').toggleClass('dark');
    darkMode = !darkMode;
    localStorage.setItem("dark", darkMode);
  });
});

---

作为对第二个问题的回答-不，您需要在希望发生这种情况的每个页面上包含脚本。

您可以创建一个cookie或使用localStorage将它们的首选项保存在一个变量中。您自己尝试过什么吗？…或者根据后端存储用户配置文件服务器端。这个太宽了。请编辑以更具体。Cookie、localstorage或后端…@LucaKiebel是的，我尝试过使用localstorage。我修改了我的问题，使之更具体，并对其进行了一些更新，因为我的问题现在更明确了。@JaredSmith抱歉-我已将问题更新为更具体。

$(document).ready(function() {
  var darkMode = localStorage.getItem('dark') || false;
  $('ul').click(function() {
    $('ul').toggleClass('active')
    $('section').toggleClass('dark');
    darkMode = !darkMode;
    localStorage.setItem("dark", darkMode);
  });
});