在本地存储中保存 css 类的当前状态时遇到问题

Trouble saving current state of css class in local storage

本文关键字：状态 问题 遇到 存储 css 保存      更新时间：2023-09-26

我正在使用两个按钮来切换显示或隐藏背景的css类。我想将每个类的当前状态保存在本地存储中，并在用户返回时显示(或不显示(它们。我已经尝试了这个jsFiddle中的wrapping类，但我还没有让它工作：

http://jsfiddle.net/eqrk6fak/1/

设置如下：

    $("#switch2").click(function() {        
    wrap.fadeToggle(600);
    if($('div').hasClass(wrap)){
    localStorage.setItem('background', wrap);
    }
});

然后在用户返回时尝试获取它：

$(document).ready(function(){
var background = localStorage.getItem('background');  
if(background !== ''){      
    $('#wraping').addClass(background);
}
});

任何帮助将不胜感激。谢谢！

问题出在以下行中：

$('div').hasClass(wrap)

查看你的JSFiddle代码，此时wrap是一个jQuery结果：

var wrap = $(".wraping");

根据文档，jquery.hasClass收到一个className，这应该是String。

相关文章：