jquery ajax()后退按钮不会更改内容

jquery ajax()后退按钮不会更改内容,jquery,Jquery,我使用hashchange和本地文件制作了简单的$.ajax(),但是后退按钮只更改url,而不更改内容。我发现什么都不管用。有人能帮我吗 $(文档).on('click',.nextPage2',()=>{ $.ajax({ url:'page2.html', 数据类型:“html”, 成功:功能(结果){ $('.content').html(结果); } }); window.location.hash='looks'; 返回false; }) page2更改URL时,您也在使用Jav

我使用hashchange和本地文件制作了简单的$.ajax(),但是后退按钮只更改url,而不更改内容。我发现什么都不管用。有人能帮我吗

$(文档).on('click',.nextPage2',()=>{
$.ajax({
url:'page2.html',
数据类型:“html”,
成功:功能(结果){
$('.content').html(结果);
}
});
window.location.hash='looks';
返回false;
})


page2
更改URL时,您也在使用JavaScript修改DOM

您需要访问URL并使用JavaScript再次修改DOM


如果page2.html是html文件,则使用.load()函数代替.html()


load()将从服务器加载数据,并将返回的HTML放入匹配的元素中。

page2.html中的代码不能有“html”、“head”和“body”标记,因为这些标记将插入到.content div中



希望这有帮助

Hele

如果我将“page1.html”添加到.html中,它会将其显示为字符串,而不是内容//htmlnvm。。。将.html改为.load,效果很好,谢谢!如果刷新页面,则不会更改哈希。也为
load
事件编写一个事件处理程序。您的意思是$(“.content”)。在(“load”,function(){?正在刷新的文档的加载事件(或文档读取事件)。
addEventListener('load',handler)
function navigated() {
    if (location.hash === '#something-different') {
        $('.content').html("The content for something-different");
    }
}

window.addEventListener("hashchange", navigated);
$('.content').load(result);