jquery - 修改后的 Div 不会在后退按钮上保留其值

Question

我有一个表单和一些使用 jquery 修改的 div。

提交表单后，用户将被带到另一个页面。

现在，当用户按下后退按钮时，修改后的 div 不会保留。仅保留表单值。

保留修改后的 div 的最佳方式是什么？或者至少应该有一些我可以在后退按钮上捕获的事件，以便我可以重新修改这些 div。

谢谢。

Answer 1

作为对 Paul 答案的修正:如果您会丢失用户输入，例如因为您添加了返回后不再存在的输入元素，您当然只需要像这样跟踪状态。

如果您可以仅使用 HTML 中“静态”输入元素中的用户数据来重建 DOM 状态，那么您“只”需要另外触发您的函数“onload”(或在 DOM 就绪时)。

例如，您根据复选框显示/隐藏 div:

<input type="checkbox" id="myCheckBox" onclick="showHideMyDiv(this)">
<div id="myDiv"> ... </div>

然后，将事件处理程序 (showHideMyDiv) 的调用添加到 window.onload 处理程序(实际上并不使用 window.onload) > - 这只是一个示例，但请使用 addEventListener/attachEvent 或 jQuery 等框架。

 window.onload = function() {
   showHideMyDiv(document.getElementbyId("myCheckBox"));
 }

这将起作用，与用户如何到达那里无关，无论是第一次还是使用后退按钮。