目前,我的网站只有一个html文件,该文件使用点击javascript函数在用户导航时以不同的方式显示网站的各个部分。主页包含一个音频播放器,我希望在用户导航时继续播放该播放器,这就是我选择AJAX路线的原因。
我已经在整个站点上实现了pushState,以便为用户导航到的每个部分生成URL。这些链接不起作用。
我对此有几个问题:我是应该使用pushState来生成这些URL,还是应该以错误的方式生成链接?有没有一种方法可以让用户重新加载网站中深度嵌入的页面,然后以某种方式从javascript服务器端构建页面?
编辑:我觉得如果我可以把所有这些链接都路由到一个javascript文件中,然后构建合适的页面,也许就行得通了?我不确定这是否是解决问题的方法。
$('#menu a').click(function() {
var page = $(this).attr('href');
history.pushState({}, '', page);
$('#news').load('content/' + page + '.php');
return false;
});
下面是一个示例,展示了菜单如何在单击时运行此jQuery函数,然后使用pushState创建新的URL。然后,它将相应php文件中的内容加载到#news div中。
有什么方法可以链接到页面的这个“状态”吗?我一直在读Jose Maria Arranz Santamaria的"Single Page Interface Manifesto",它有很多很好的信息,但我有点想知道我下一步该做什么。
https://stackoverflow.com/questions/41518704
复制相似问题