刷新时在页面中恢复相同的 id答案

【问题标题】：to restore a same id in the page when refreshed刷新时在页面中恢复相同的 id
【发布时间】：2013-06-23 02:34:18
【问题描述】：

我正在研究 javascript 和 jquery。我在我的页面中使用 2div。因此，当我的页面加载时，第二个 div 被隐藏，当单击第一个 div 中的按钮时，它导航到第二个页面。所以当我现在按下刷新按钮时。当页面第一次打开时，页面会导航到第一个 div。即使刷新页面，也可以显示第二个 div 的任何想法或建议。提前致谢。这是我的小提琴代码，它在小提琴中可以正常工作，就像我想要的那样。但它在我的项目代码中失败了。 http://jsfiddle.net/pWryf/ 。有什么例子可以通过 cookie 实现这一点吗？

这是我的 div 代码：

$('#sbut1').click(function() { 
    $('.cont1').show();
    $('#log1').hide();
});

【问题讨论】：

cookies，本地存储
@zerkms：你能解释清楚一点吗
@Hk M: 将状态存储在那里
希望链接stackoverflow.com/questions/2257631/… 能解释你需要什么:)
不，我没有使用任何数据库。

标签： javascript jquery jquery-ui cookies

【解决方案1】：

使用localStorage 尝试这样的事情：

$('#sbut1').click(function() { 
    $('.cont1').show();
    $('#log1').hide();
    localStorage['shown'] = '.cont1';
});

$(function() {
    var sel;
    if (sel = localStorage['shown']) {
        $('.cont1, #log1').hide().filter(sel).show();
    }
});

http://jsfiddle.net/5aJZR/

用户也可以为此目的使用 cookie。

【讨论】：

它在小提琴中工作得很好，正如我想要的那样。但它在我的项目代码中失败了。有什么建议吗？
它在小提琴中工作得很好，正如我想要的那样。但它在我的项目代码中失败了。有什么建议。？这是我的代码jsfiddle.net/pWryf。
我找到了一种方法，因为它与 sessionStorage 配合得很好。谢谢

【解决方案2】：

我可以想到至少 2 种前端方法来解决这个问题：

使用 cookie 或更现代的本地存储解决方案来处理会话。（已经来过，小甜饼）
使用单页应用程序，其中导航位于井号 # 符号之后。例如在主干网络应用程序中。

您还可以使用某种服务器端会话处理，大多数 Web 框架都嵌入了一个。

【讨论】：