Question

当我使用切换或其他任何功能更改网站内容时，状态不会保存。所以，如果这是我的页面：

<div id='test'></div>
<input type='submit' value='test'>
<a href='http://www.stackoverflow.com'>link to elsewhere</a>

这是我的准备代码：

$(':submit').click( function() {
  $('#test').text( 'this is a test' );
});

当我点击提交按钮时，div将被填充'这是一个测试'。当我按照stackoverflow的链接并点击“返回”时，DIV将再次为空。如何在点击其他页面时使DIV持久化，就像<input>元素持久的方式一样（即，如果我在<input type='text'/>中输入文本并按照文本仍然存在的链接当我点击“返回”时

最终我想要保存切换的状态......或者我应该使用cookie来解决这个问题，这意味着我必须编写自己的切换功能，这不是一个大问题，但我宁愿不使用饼干...人们仍然是偏执狂

Answer 1

是的，你可以使用cookies，url哈希，或者你可以将状态存储为“window.name”中的字符串。当然，无论您在何处存储状态，都需要在加载时获取它并将状态重置为原来的位置。

关于window.name的一个好处，如果你可以在那里存储整个HTML页面，然后将它们重新加载回DOM，包括之前的状态。当然，其他页面可能会覆盖“window.name”，因此当发生这种情况时你需要一个计划B.

“url hash”非常有用，也可以和AJAX一起使用。

了解详情：http://code.google.com/web/ajaxcrawling/docs/specification.html

访问（持久切换）jQuery中的其他页面时的持久内容

1 个答案: