引导程序的历史记录功能和jQuery负载功能

Question

我是该领域的新手。我使用Bootstrap 3和"负载"功能构建了一个Navbar。如果我想使用浏览器的背面按钮，则它不起作用。我该怎么做才能使它起作用？

在这里我的简化代码：

index.html：

 <nav class="navbar navbar-inverse navbar-fixed-top text-center">
     <div class="container">
         <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav navbar-right">
                <li><a href="#" onclick="$('#main').load('files/link1.html');  return false;">Link1</a></li>
                <li><a href="#" onclick="$('#main').load('files/link2.html');  return false;">Link2</a></li>
             </ul>
         </div>
     </div>
 </nav>

谢谢Schulz

Answer 1

没有简单的方法可以做到这一点。您将必须使用历史记录对象并每次单击要返回的内容时更改URL。

基本上是单击您不仅加载远程内容，还可以更新URL。您还必须在URL中使用哈希（＃），以使页面不会刷新。这意味着为您的应用创建路由机制。