jquery在DIV中加载内容，使后退按钮再次工作

我是jquery的新手，遇到了一些问题

我使用.load（）将所有不同的页面加载到一个DIV中

但是如果我这样做，后退按钮就不起作用了

我如何让后退按钮工作

我在堆栈中阅读了一些解决方案，但没有让它们起作用。有人能帮我写代码吗

这是我的index.html（部分）

---

您基本上需要实现自己的自定义URL和历史API：

简单地说，您需要做的是每次

.load（）

新页面时，在浏览器历史记录中推送一个新状态。您还应该在浏览器中更新url。通过这种方式，用户可以使用后退按钮浏览不同的历史状态

---

考虑到旧浏览器之间存在不一致性，因此您可能希望使用history.js或类似的

这是一种非常有缺陷的创建网页并在它们之间导航的方法。您正在等待文档准备就绪，然后正在加载文档。这将是一个糟糕的用户体验。“后退”按钮不起作用，因为您实际上并没有导航到不同的页面，而是将新内容加载到现有页面中。没有什么可回去的。你的后退按钮在哪里？你在说浏览器后退按钮吗？使用

hash

和

history

插件。请在Google@i-CONICA上搜索：那么你会用哪种方式？我不想每次都加载整个页面，我不想使用iFrame，机会三是什么？选项3是以正确的方式构建整个页面，这可以通过实现历史API和其他事情来实现。有很多网站都是单页的网络应用程序。

$(document).ready(function() {

$("#mainframe").load("start.html"); 

//Geschichtebutton
$(".historyspan").click(function () { 
$('input[name=on-check]').attr('checked', false);
$('#greybox').css({'display': 'none'});
$('input[name=radio-check]').attr('checked', false);

$("#mainframe").load("geschichte.html"); 
});

//Teambutton
$(".teamspan").click(function () { 
$('input[name=on-check]').attr('checked', false);
$('#greybox').css({'display': 'none'});
$('input[name=radio-check]').attr('checked', false);

$("#mainframe").load("team.html"); 
});

//Umweltbutton
$(".umweltspan").click(function () { 
$('input[name=on-check]').attr('checked', false);
$('#greybox').css({'display': 'none'});
$('input[name=radio-check]').attr('checked', false);

$("#mainframe").load("umwelt.html");
});

});