无法将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");

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