刷新后维护页面状态

我试着保存我加载到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>

来源

2015-05-14 max

您需要将内容存储在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() 
    } 
});

来源

2015-05-14 18:48:31 George

它加载的页面好吗但是当我刷新我还要再次单击 – max

你能提供一个现场演示？ – George

抱歉，第一个评论不是我想要写的，真正的问题是我必须在页面加载到localstorage之前单击两次，然后当我刷新它加载。但是，当我想要它做到第一次onclick页面应该加载到div，然后当我刷新我仍然保持内容。我很乐意提供现场演示，但不知道如何 – max

刷新后维护页面状态

回答

相关问题