Question

当我点击图像时，我有2个div隐藏和可见。我已经使用dojo和javascript的组合完成了。默认情况下，第一次加载页面时，2个div将是hide.after如果我点击图像，div是可见的。我的问题是，当我点击该页面中的任何标签时，总页面将被刷新并且div变得不可见。我希望即使在刷新页面或移动到该页面中的其他选项卡之后，这些2个div也是可见的，除非我点击图像

这是我的代码：

<script type="text/javascript">
    function toggleDivs(){
    console.info("info message");
    if( dojo.style(dojo.byId('foo'), "display") == "block"){
        dojo.style(dojo.byId('foo'), "display", "none");
        dojo.style(dojo.byId('foo1'), "display", "none");
    } else {
        dojo.style(dojo.byId('foo'), "display", "block");
        dojo.style(dojo.byId('foo1'), "display", "block");
    }
}
</script>

<div class="wpthemeRight" id="foo1" style="display: none">
</div>
<div class="wpthemeBanner" id="foo" style="display: none">
</div>
<div id="ibm-tools" style="display: block;" aria-label="Ibm tools" class="">
<a href="#" onclick="toggleDivs();"><img src="./images/gear.jpg"></a>
</div>

请帮我说明如何继续这样做。在此先感谢!!!!

我试过在本地存储中保存div状态，但没有运气

以下是代码：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js"></script>
<script type="text/javascript">
    function checkDivState(){
        localStorage["#foo1"] = true;
        f(localStorage["#foo1"] = true)
        {   
            dojo.style(dojo.byId('foo'), "display", "block");
            dojo.style(dojo.byId('foo1'), "display", "block");
        }
        }
        else
        {
            dojo.style(dojo.byId('foo'), "display", "none");
            dojo.style(dojo.byId('foo1'), "display", "none");
        }
    }
    </script>

在体内，

Answer 1

您可以将div状态保存在本地存储中。例如，如果你想保存foo1 div状态。

localStorage["#foo1"] = true;

在页面加载时，您可以检查localStorage [“＃foo1”]是否为true，然后使div可见。

（您可以在Chrome中查看localStorage - ＆gt; F12（开发者工具） - ＆gt;资源 - ＆gt;本地存储）

你的checkDivState函数是错误的，因为localStorage [“＃foo1”]总是正确的。让我纠正这个。

  <script type="text/javascript">
function toggleDivs(){
    console.info("info message");
    if( dojo.style(dojo.byId('foo'), "display") == "block"){
       localStorage["#foo1"] = false;
       dojo.style(dojo.byId('foo'), "display", "none");
       dojo.style(dojo.byId('foo1'), "display", "none");
    } 
    else {
       dojo.style(dojo.byId('foo'), "display", "block");
       dojo.style(dojo.byId('foo1'), "display", "block");
       localStorage["#foo1"] = true;
     }
}

function checkDivState(){       
    f(localStorage["#foo1"] = true)
    {   
        dojo.style(dojo.byId('foo'), "display", "block");
        dojo.style(dojo.byId('foo1'), "display", "block");
    }
    }
    else
    {
        dojo.style(dojo.byId('foo'), "display", "none");
        dojo.style(dojo.byId('foo1'), "display", "none");
    }
}

并在文档就绪时调用checkDivState。也许有帮助

刷新页面后，Dojo Div切换视图

1 个答案: