Question

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

这是我的div代码：

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

Answer 1

使用Cookie方法。此链接可能对您有所帮助。 http://www.javascriptkit.com/javatutors/cookie3.shtml

Answer 2

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

使用cookie或更现代的本地存储解决方案来处理会话。（已经在这里，cookie）
使用单页应用，其中导航位于散列＃符号之后。例如在骨干webapps中。

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

Answer 3

使用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用于此目的。

刷新时在页面中恢复相同的ID

3 个答案: