Question

我想添加一些哈希引用链接，当我点击菜单按钮时，它改为实际部分，可能来自

http://www.mycompany.com/about到http://www.mycompany.com/work或者/某些

我有这个解决方案，但我不知道如何将其添加到我的实际解决方案中。

$(document).ready(function(){
     $('#allcontent').load('data/home.html');

    $('.hovers').click(function() {
       var page = $(this).attr('href'); 
    $('#allcontent').load('data/' + page + '.html');
    return false;
});
});

这是我的小提琴：DEMO

也许这个？ window.location.hash =

非常感谢

Answer 1

我认为您正在寻找的是通过ajax加载页面内容，并且仍然可以将网址更新为/something

http://www.mycompany.com/about至http://www.mycompany.com/work或可能/某事

要实现此目的，您只需加载所需页面的内容，并通过执行以下操作将位置网址更改为所需的页面名称，

<script type="text/javascript">
 function processAjaxData(response, urlPath){
  document.getElementById("content").innerHTML = response.html;
  document.title = response.pageTitle;
  window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
 }
</script>

参考：Modify the URL without reloading the page

实际实现此目的的website。他们正在做的是，通过ajax点击菜单项来加载页面内容。然后通过js设置浏览器URL。他们甚至保留了/pages的菜单链接而不是#values，因为这会提升seo。

Ajax / jQuery位置

1 个答案: