使用jquery动态加载内容后避免页面刷新

Question

我有一个侧面导航，它引用不同的页面，并且有一个带有<div id="mainItemContainer">的索引页面，它有一些默认内容。我正在使用<div id="mainItemContainer">将侧面导航页面内容加载到jQuery.fn.load()，如下所示：

var innerUrl = $(this).attr('href');

$('#mainItemContainer').load(innerUrl);

它正在按照预期将侧导航页面加载到主<div id="mainItemContainer">，但每当我刷新页面时，它都会转到默认页面/内容。

我期待的是当我刷新页面时（加载侧导航页面后）它不应该转到默认页面。我怎样才能做到这一点？

Answer 1

您可能想要在浏览器中以某种方式记住状态。你可以选择

• 在导航时设置Cookie
• 使用哈希附加到url，就像许多框架一样
• 使用javascript的一些localstorage选项

另外，改变逻辑：使用不同的页面并在任何地方包含（加载）相同的页眉和页脚。