jQuery fadeToggle缓存/ localStorage

Question

可以说我有一个立方体，我想用1个按钮来隐藏/显示他。 如何通过按钮隐藏多维数据集并刷新多维数据集仍然隐藏的页面时如何缓存切换状态？ toggleClass分辨率也是有用的。

<div id="cube" style="width:100px;height:100px;background:red;"></div> 

<button id="trigger">trigger</button> 

我的jQuery测试：

$('#trigger').click(function(){ 
    $('#cube').fadeToggle('fast');}); 

Answer 1

你可以简单地设置window对象的全局属性附加伤害，

window[attrName] = value; 

看到如下：

$('#trigger').click(function(){ 
 
    fadeToogle(); 
 
}); 
 

 
function fadeToogle(){ 
 
    if(window["myState"] && window["myState"]=="on"){ 
 
     $('#cube').fadeIn('fast'); 
 
     window["myState"] = "off"; 
 
    } else { 
 
    $('#cube').fadeOut('fast'); 
 
    window["myState"] = "on"; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="cube" style="width:100px;height:100px;background:red;"></div> 
 

 
<button id="trigger">trigger</button>

您也可以使用localStorage但您可以获得有关CROSS来源或浏览器兼容性的错误。