Question

iam在jquery中真的很新，并且遇到了一些问题。

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

但如果我这样做，后面的按钮就不起作用了。

我如何让后退按钮起作用？

我在堆栈中阅读了一些解决方案但是没有让它们工作。任何人都可以帮我处理我的代码吗？

这是我的index.html（某些部分）

$(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");
});

});

Answer 1

您基本上需要将自己的自定义网址与历史记录API一起实施：

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

简要地说，您需要做的是，每次.load()新页面时，都会在浏览器历史记录中推送新状态。您还应该在浏览器中更新网址。通过这种方式，用户可以使用后退按钮浏览不同的历史状态。

考虑到旧版浏览器存在不适感，因此您可能希望使用history.js http://balupton.github.io/history.js/demo/或类似

jquery在DIV中加载内容，使Button再次工作

1 个答案: