javascript - 页面重新加载后保持折叠和展开状态

Question

在一个 aspx 页面内，有五个 fieldset 元素。在图例元素旁边的每个字段集中，您可以找到包含许多行的表格元素。我为每个图例元素添加了切换功能，以便当您单击图例元素时，相应的表格会折叠或展开。问题是当您重新加载页面时，所有表格都会展开。我想在重新加载页面时保留每个表的状态。感谢任何建议。

Answer 1

这个答案有多种解决方案，例如向服务器发送请求以保存表的状态，并在重新加载时将其重定向回客户端。我对aspx页面的了解是不存在的，所以我想出了一个不同的答案。

HTML5 网络存储

你可以使用 HTML5 Web Storage，一些信息可以在这里找到： http: //www.w3schools.com/html/html5_webstorage.asp

一个例子是每次展开或折叠表格时都用 javascript 存储它：

// Setting into the local storage
localStorage.setItem("table_"+tableElement.attr('id'), "collapsed");
// Getting from the local storage
localStorage.getItem("table_"+tableElement.attr('id'));

请注意，运行此 javascript 的浏览器必须支持 HTML5，并且当用户在另一个浏览器上重新加载此页面时，它将被设置为用户第一次看到该页面。