Javascript 第一次加载页面时，localStorage会从某些元素中删除所有类。如何修复它？

我在我的网站上添加了一些jquery代码，当用户单击“暗模式”链接时，页面的元素会改变颜色并存储在本地存储器中。我在Stackoverflow上找到了一段代码，它工作得很好，但是当用户出于某种原因首次访问网站时，我的代码所针对的元素会丢失所有原始样式。我检查了一下，所有的课程都被删除了。当我点击“黑暗模式”按钮刷新页面时，所有的课程都回来了，网站运行得很好。有人能告诉我怎么修吗？我不知道为什么会这样

css

jquery

jQuery(document).ready(function($){
    /* Write your Public custom_public jQuery here! */
    var button = $('.menu-item-178 a');
     var container = $('#body.page-template-default').toggleClass(window.localStorage.toggled);
     var containerProfile = $('#body.page-template.page-template-page-tpl-profile').toggleClass(window.localStorage.toggled);
     var containerBlog = $('#body.blog').toggleClass(window.localStorage.toggled);
     var containerHeader = $('.header').toggleClass(window.localStorage.toggledHeader);

    //button click
  button.click(function() {


      if (window.localStorage.toggled != "nightmode" && window.localStorage.toggledHeader != "headerNightmode" ) {
      container.toggleClass("nightmode", true );
      containerProfile.toggleClass("nightmode", true );
      containerBlog.toggleClass("nightmode", true );
          containerHeader.toggleClass("headerNightmode", true );
        window.localStorage.toggledHeader = "headerNightmode";
      window.localStorage.toggled = "nightmode";
   } else {
      container.toggleClass("nightmode", false );
        containerProfile.toggleClass("nightmode", false );
        containerBlog.toggleClass("nightmode", false );
       containerHeader.toggleClass("headerNightmode", false );
        window.localStorage.toggledHeader = "";
      window.localStorage.toggled = "";
   }



  });

});

---

您在哪里定义常规颜色？我看到在点击按钮时，夜间模式被关闭，但是在有人第一次点击按钮之前会发生什么或显示什么。这是一个WorpAddress网站，我正在添加一个自定义javascript代码和css。常规颜色在主题的css文件中。例如，当有人第一次单击按钮时，会将.headerNightmode添加到，但缺少我要定位的class.header。当我再次单击该按钮时，.headerNightmode将被删除。之后，当我刷新页面时，所有缺少的类都会再次出现在html上。你在哪里定义常规颜色？我看到在点击按钮时，夜间模式被关闭，但是在有人第一次点击按钮之前会发生什么或显示什么。这是一个WorpAddress网站，我正在添加一个自定义javascript代码和css。常规颜色在主题的css文件中。例如，当有人第一次单击按钮时，会将.headerNightmode添加到，但缺少我要定位的class.header。当我再次单击该按钮时，.headerNightmode将被删除。之后，当我刷新页面时，所有缺少的类都会再次出现在html上。

jQuery(document).ready(function($){
    /* Write your Public custom_public jQuery here! */
    var button = $('.menu-item-178 a');
     var container = $('#body.page-template-default').toggleClass(window.localStorage.toggled);
     var containerProfile = $('#body.page-template.page-template-page-tpl-profile').toggleClass(window.localStorage.toggled);
     var containerBlog = $('#body.blog').toggleClass(window.localStorage.toggled);
     var containerHeader = $('.header').toggleClass(window.localStorage.toggledHeader);

    //button click
  button.click(function() {


      if (window.localStorage.toggled != "nightmode" && window.localStorage.toggledHeader != "headerNightmode" ) {
      container.toggleClass("nightmode", true );
      containerProfile.toggleClass("nightmode", true );
      containerBlog.toggleClass("nightmode", true );
          containerHeader.toggleClass("headerNightmode", true );
        window.localStorage.toggledHeader = "headerNightmode";
      window.localStorage.toggled = "nightmode";
   } else {
      container.toggleClass("nightmode", false );
        containerProfile.toggleClass("nightmode", false );
        containerBlog.toggleClass("nightmode", false );
       containerHeader.toggleClass("headerNightmode", false );
        window.localStorage.toggledHeader = "";
      window.localStorage.toggled = "";
   }



  });

});