Javascript 使用IE8+；中的Twitter引导选项卡启用后退按钮处理；

引导程序2.3.2

在我的项目中，我正在使用from Bootstrap来显示内容。在一个页面上，有多个具有不同内容的选项卡，这些选项卡中有将用户带到网站上其他页面的链接

不幸的是，默认情况下，选项卡不支持后退按钮导航，因此，如果用户访问另一个页面并点击浏览器的后退按钮，则该选项卡将恢复为第一个打开的选项卡，而不是上次查看页面时处于活动状态的选项卡

下面的Javascript在Chrome、Firefox和Safari中解决了这个问题。François还说它适用于IE8+——但在我的测试中，我无法让它适用于IE8、IE9或IE10。有人知道如何在IE8+中实现这一点吗？可能吗

$(document).ready(function() {
  // add a hash to the URL when the user clicks on a tab
  $('a[data-toggle="tab"]').on('click', function(e) {
    history.pushState(null, null, $(this).attr('href'));
  });
  // navigate to a tab when the history changes
  window.addEventListener("popstate", function(e) {
    var activeTab = $('[href=' + location.hash + ']');
    if (activeTab.length) {
      activeTab.tab('show');
    } else {
      $('.nav-pills a:first').tab('show');
    }
  });
});

`

表1
生料牛仔布你可能没听说过，奥斯汀牛仔短裤。雀巢豆腐阿利夸，复古合成大师清洗。威廉斯堡卡尔斯素食者赫尔维蒂卡的胡子陈词滥调。Reprehenderit butcher retro keffiyeh dreamcatcher synth。Cosby毛衣eu banh mi，qui irure terry richardson前鱿鱼。salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫美国服装，屠夫voluptate nisi qui

表2
食品卡车修理工，accusamus mcsweeney的marfa nulla单一来源咖啡鱿鱼。实习+1 labore velit，blog服装PBR紧身裤下一级wes anderson artisan four loko农场到餐桌工艺啤酒花呢。Qui photo booth活版印刷，commodo enim craft beer mlkshk aliquip jean短裤ullamco ad乙烯基纤毛PBR。有机诺斯特鲁德人，被认为是具有审美能力的莫利特人。Keytar helvetica VHS salvia yr，vero magna velit sapiente labore stumptown。纯素fanny pack odio cillum wes anderson 8位可持续牛仔短裤胡须ut DIY道德罪过terry richardson生物柴油。艺术派对现场，tumblr butcher vero sint qui sapiente accusamus纹身回声公园

表3
食品卡车修理工，accusamus mcsweeney的marfa nulla单一来源咖啡鱿鱼。实习+1 labore velit，blog服装PBR紧身裤下一级wes anderson artisan four loko农场到餐桌工艺啤酒花呢。Qui photo booth活版印刷，commodo enim craft beer mlkshk aliquip jean短裤ullamco ad乙烯基纤毛PBR。有机诺斯特鲁德人，被认为是具有审美能力的莫利特人。Keytar helvetica VHS salvia yr，vero magna velit sapiente labore stumptown。纯素fanny pack odio cillum wes anderson 8位可持续牛仔短裤胡须ut DIY道德罪过terry richardson生物柴油。艺术派对现场，tumblr butcher vero sint qui sapiente accusamus纹身回声公园

我的实现可能不是解决问题的最有效方法，因此请等待其他答案

使用JavaScript会话存储选项卡的唯一编号，就像您当前用于ID一样

tabHistory = "tab" + currentTab;

返回上一页时，只需将用户链接到tabHistory

我对这项技术没有太多的经验，只使用过一次，但是它应该快速简单地实现，而且相当有效

---

从我收集的信息来看，如果新窗口/选项卡打开，它将不起作用，但是后退按钮也不会起作用，因此它是不相关的。

我曾多次尝试使上述代码起作用，但我不得不放弃，取而代之的是，我实现了以下javascript，它起了作用：

---

history.pushState是IE8不支持的HTML5

popstate

仅在IE10中受支持。@putvande我不确定如何实现它，但我应该使用它吗？这对我有用吗？以下是我让它在ie8和Chrome上运行的要点：

tabHistory = "tab" + currentTab;