javascript - 无法在本地存储中保存 css 类的当前状态

Question

我使用两个按钮来切换显示或隐藏背景的 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);
}
});

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

问题出在下面一行:

$('div').hasClass(wrap)

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

var wrap = $(".wraping");

根据documentation ，jquery.hasClass 接收到一个 className，它应该是一个 String。