使用localStorage或Cookies时,黑暗或夜间模式不会持续保持黑暗状态

时间:2019-05-22 10:02:48

标签: javascript css cookies local-storage

我正在尝试使用最少的代码在整个网站中永久设置“夜间(或黑暗!)”模式。

我尝试设置Cookie和localStorage无效。这是我正在使用的代码。

<button type="button" class="btn btn-primary w-100 my-2 night-mode-button"><i class="fas fa-moon" ></i></button>

使用此JS

$(document).ready(function(){
  var button = $('.night-mode-button');
  var container = $('.content-box');
    button.click(function() {
        container.toggleClass('-nightmode');
        localStorage.setItem('.content-box','-nightmode');
        document.documentElement.classList.toggle('-nightmode');
        console.log("night mode enabled, but not here to stay!");
    });

// Swaps sun/moon icon
$("button").click(function(){
    $(this).find("i").toggleClass("fa-moon");
    $(this).find("i").toggleClass("fa-sun");
});

0 个答案:

没有答案