带历史记录的可链接标签 - 后退按钮问题

Question

我需要你的帮助，我想有标签可链接，目前它工作得很好，问题是历史记录：当我们点击浏览器的后退按钮时，地址变化很好，但标签不转on ...（我使用jQuery和boostrap）

HTML：

    <ul class="nav nav-tabs tpl-tabs animate">
      <li class="active"> <a href="#tab1" data-toggle="tab">Tab1</a> </li>
      <li> <a href="#tab2" data-toggle="tab">Tab1</a> </li>
      <li> <a href="#tab3" data-toggle="tab">Tab3</a> </li>
    </ul>

JS :(添加以制作可点击的标签）

var hash = document.location.hash;
var prefix = "tab_";

if(hash){
    $(".nav-tabs a[href=" + hash.replace(prefix, "") + "]").tab("show");
        }

$(".nav-tabs a").on("shown.bs.tab", function(e){
    window.location.hash = e.target.hash.replace("#","#" + prefix);
        });