无法在本地存储中保存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。