Javascript 如何使选项卡在引导中可链接

我正在rails应用程序中使用引导，我想让选项卡与此表单链接

http://example.com/?tab=tab-一个

和

http://example.com/?tab=tab-两个

所以我想知道如何实现这一点

我的标签是这样的

  <div class="optionset-menu bxsbdbdr">
    <ul class="nav nav-tabs setcustom-tab" role="tablist">
      <a href="#summary" aria-controls="summary" role="tab" data-toggle="tab"><li role="presentation" class="active hav-bordbot">Basic Infos</li></a>
      <a href="#languages-time" aria-controls="anguages-time" role="tab" data-toggle="tab"><li role="presentation" class="hav-bordbot">Language & Time zone</li></a>
      <a href="#basic" aria-controls="basic" role="tab" data-toggle="tab"><li role="presentation" class="havnt-bordbot">Change password</li></a>
    </ul>
  </div>

有关更多信息，请查看我的答案

如果希望在页面加载时导航到所选URL，则需要在页面加载时添加javascript，以从URL收集必要的信息，然后使用该信息打开相应的面板

下面是使用选项卡的哈希值的示例：

$（函数（）{
//跳转到选项卡（如果存在）
if（location.hash）{
$（'a[href=“”+location.hash+“]”）选项卡（'show'）；
}
//将选项卡哈希添加到url以保持状态
$（document.body）.on（“show.bs.tab”，函数（e）{
location.hash=e.target.hash；
});
});

如果选项卡的ID为

选项卡二

，则可以使用url

http://example.com/#tab-两个

---

打开窗口或

检查此项我可以使用引导生成选项卡，但我想知道如何从可能重复的@avinodra中使选项卡与此链接，plunker的工作代码可以满足您的要求。如果您想让人们调试您的代码，您应该提供一个完整的示例，在线复制该问题。看起来您只发布了所需HTML的一半。你可以尝试合并工作plunk中的更改，或者将其分叉并将代码添加到你自己的版本中，这样我们就可以看到发生了什么。即使这个plunk代码似乎也不是工作代码，我只发布了我的一半代码，因为这一半代码matter@avinodra,当你试图让别人看到你的问题时，所有的代码都很重要。否则，我将不得不猜测最糟糕的代码是什么，最好是手动重新键入。对于与窗口位置相关的内容，JSFIDLE和堆栈片段通常不会剪切它，因为它们将结果页嵌入为IFrame。尝试将plunk作为自己的窗口打开或转到以下地址：