在页面刷新或页面加载后保留添加的 jquery 类 [英] Keep added jquery classes after page refresh or page load

问题描述

我的 jquery 代码:请让我知道如何在重新加载页面后保持类

My jquery code : Please let me know how to keep class after reload page

$(document).ready(function(){   
  $("#themecolors li a").click(function(){
    $("#themecolors li a").removeClass("working");
    $(this).addClass("working");
  });

  $(".default-theme").click(function() {
    $("body").removeClass();
    $("body").addClass("one");
  });
 $(".green-theme").click(function() {
    $("body").removeClass();
    $("body").addClass("green_skin");           
    });
});

推荐答案

检查下面的代码.您可以单击在本地存储中添加类值.并在准备好文档时使用该本地存储.

Check below code. You can add class value in local storage on click. ans use that local storage on document ready.

 $("#themecolors li a").click(function(){
    $("#themecolors li a").removeClass("working");
    $(this).addClass("working");
    localStorage.ClassName = "working";
  });

$(document).ready(function() {
    SetClass();
});

function SetClass() {
//before assigning class check local storage if it has any value
    $("#themecolors li a").addClass(localStorage.ClassName);
}

这篇关于在页面刷新或页面加载后保留添加的 jquery 类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！