浏览器后退按钮和动态元素

Question

我有一个页面，它使用 jQuery 根据用户从 <select> 框中选择的内容动态创建许多 <input> DOM 元素。

假设用户从选择框中选择 4，我的脚本会动态显示 4 个输入框。

问题是当用户刷新或返回此页面时（使用浏览器返回按钮）。动态创建的元素不会重新填充为其最后的值，而所有其他“静态”元素都是。

我在想我可以创建一个 hidden input，它将通过 javascript 与动态框的内容进行序列化，然后在 $document.ready 上读取它并然后重新填充我的盒子。

有没有更好的办法？

Answer 1

传奇 - 有许多可能的解决方案，我会查看这些历史插件：

• History Remote
• jQuery History plugin
• Deep Linking plugin

他们有点烦躁，但你应该能够破解一些积极的东西。我还要补充一点，这可以通过将动态元素存储在 cookie 中并以某种方式重新填充来完成。查看jQuery Cookie plugin。希望对您有所帮助。

Answer 2

如果您希望事情以这种方式运行，您需要自己管理历史记录。你需要Really Simple History。