刷新后保持页面状态

时间:2015-05-14 18:42:51

标签: jquery html ajax

我正在尝试保存我加载到div onclick函数中的页面状态。当我点击链接时,页面正确加载到div中但是当我刷新页面时我丢失了内容并且必须再次单击才能加载

<script language="javascript">


$(document).ready(function () {
    $('#foo').click(function () {
        $('#bar').load('news.asp');

        localStorage.setItem('display', $(this).siblings().is(':visible'));
    });
    var block = localStorage.getItem('display');
    if (block == 'true') {
        $('#bar').show()
    }
});

</script>

HTML

<div id="bar"></div>

1 个答案:

答案 0 :(得分:1)

您需要将内容存储在localStorage中,而不是.is(':visible')的结果。

页面刷新时,您还需要将内容附加到#bar

$(document).ready(function () {
    $bar = $('#bar');
    $('#foo').click(function () {
        $bar.load('news.asp');
        localStorage.setItem('display', $bar.html());
    });

    var block = localStorage.getItem('display');
    if (block !== null) {
        $bar.html(block).show()
    }
});