Twitter bootstrap 通过onclick引导导航选项卡触发切换

因此，我在页面顶部有两个导航选项卡，用于在两个视图之间切换：

<ul class="nav nav-tabs">
  <li class="active"><a data-target="#first-tab" data-toggle="tab">FOO tab</a></li>
  <li><a data-target="#second-tab" data-toggle="tab">BAR Tab</a></li>
</ul>

<div class="tab-pane fade in active" id="first-tab"> [...] </div>
<div class="tab-pane fade in active" id="second-tab"> [...] </div>

FOO选项卡
条形标签

[...] 
[...] 

除了使用选项卡外，是否有其他方法在两个窗格之间切换？假设我在第一个tab div中有一个按钮，单击后，它将切换到第二个tab div。我想完全删除这些选项卡，并使用另一种方式触发到窗格之间的切换，例如在onclick函数中

<div class="tab-content">
  <div class="tab-pane fade in active" id="first-tab">
    <a data-target="#second-tab" data-toggle="tab">BAR Tab</a>
  </div>
  <div class="tab-pane fade" id="second-tab">
    <a data-target="#first-tab" data-toggle="tab">FOO tab</a>
  </div>
</div>

---

这其实很简单，只需复制并粘贴最初用于切换选项卡的UL，然后可能取出不再需要的LI，引导选项卡将无法工作，除非它们位于UL元素中，且类设置为nav nav tab

像这样：

<ul class="nav nav-tabs">
  <li class="active"><a data-target="#first-tab" data-toggle="tab">FOO tab</a></li>
  <li><a data-target="#second-tab" data-toggle="tab">BAR Tab</a></li>
</ul>

<div class="tab-pane fade in active" id="first-tab"> [...] </div>
<div class="tab-pane fade in " id="second-tab"> [

<ul class="nav nav-tabs">
  <li class="active"><a data-target="#first-tab" data-toggle="tab">FOO tab</a></li>
</ul>
 </div>

FOO选项卡
条形标签

[...] 
[

FOO选项卡

我的道歉我不清楚，我知道怎么做，但我不知道如何使用javascript，因为我需要做一些条件检查并填充一些变量，然后才能决定是否会有切换。比如我们如何使用

location.hash=“#/secondView”来创建

Thank添加了JS代码，之后你可以在链接中去掉

data toggle=“tab”

。谢谢，有没有办法只使用javascript和内联onclick函数？我尝试过更改你的示例，但对我来说不起作用，有什么提示吗？例如，这怎么会不起作用：onclick=“secondTabClick（）”`var secondTabClick=function（）{$（“#第一个选项卡”）.tab（'show'）；}`

<ul class="nav nav-tabs">
  <li class="active"><a data-target="#first-tab" data-toggle="tab">FOO tab</a></li>
  <li><a data-target="#second-tab" data-toggle="tab">BAR Tab</a></li>
</ul>

<div class="tab-pane fade in active" id="first-tab"> [...] </div>
<div class="tab-pane fade in " id="second-tab"> [

<ul class="nav nav-tabs">
  <li class="active"><a data-target="#first-tab" data-toggle="tab">FOO tab</a></li>
</ul>
 </div>