javascript - 如何在页面加载时设置 jquery 切换关闭？

Question

问候我有以下 javascript 控制页面上的一些 DOM 元素以打开/关闭以隐藏元素并节省页面上的空间...我在页面底部有一个 gridview，当我在 gridView 上执行操作时，我的页面会重新加载并重置切换。

   // Toggle Dealer Information on/off
    $("#mlldlr").click(function () {
        $("#DealerContainer").toggle();
        $("#ShowHideDI").toggle();
        if ($("#morelessDi").text() === ("...show less"))
            $("#morelessDi").text("...show more");
        else
            $("#morelessDi").text("...show less");

问题是......如果我关闭并重新加载页面(无论出于何种原因)，切换将重置为打开，这意味着项目会显示。我希望他们保持关闭状态，直到我开始重新开放。有什么办法可以做到这一点吗？

Answer 1

默认情况下，JavaScript 不存储页面重新加载之间的状态。如果您想保留状态，则需要将该信息存储在某个位置。 localStorage 可能是正确的解决方案。下面是 localStorage 如何在重新加载后保持 css 状态的简单示例:http://jsfiddle.net/kweqaofv/2/