Блог

У меня есть код с флажком

 NioApp.ModeSwitch = function () {
    var toggle = $('.dark-switch');

    if ($body.hasClass('dark-mode')) {
      toggle.addClass('active');

    } else {
      toggle.removeClass('active');

    }

    toggle.on('click', function (e) {
      e.preventDefault();
      $(this).toggleClass('active');
      $body.toggleClass('dark-mode');

    });
  }; 
 

Как сохранить киски, когда темный режим класса активен на всех страницах.

Здесь функции сохранения и получения файлов cookie для вас;

     function createCookie(name) {
  
    document.cookie = name
}

function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name   "=");
        if (c_start != -1) {
            c_start = c_start   c_name.length   1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}
 

Например;

 if ($body.hasClass('dark-mode')) {
  toggle.addClass('active');

} else {
  toggle.removeClass('active');

}

toggle.on('click', function (e) {
  e.preventDefault();
  $(this).toggleClass('active');
  $body.toggleClass('dark-mode');
  createCookie("dark-mode=on");

});