javascript - 刷新时在页面中恢复相同的 id

Question

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

这是我的 div 代码：

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

Answer 1

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

1. 使用 cookie 或更现代的本地存储解决方案来处理会话。（已经来过，小甜饼）

2. 使用单页应用程序，其中导航位于井号 # 符号之后。例如在骨干网络应用程序中。

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

Answer 2

尝试使用以下方法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。