Javascript 如果使用引导，如何在单击按钮时将一个选项卡切换到另一个选项卡？

我有一个页面，其中有4个选项卡。如果用户单击按钮，我想移动第一个选项卡。所有选项卡上都显示相同的按钮。如果用户位于第一个选项卡上，则在单击按钮后，用户仍位于第一个选项卡上；如果用户位于除第一个选项卡以外的任何其他选项卡上，则用户应在单击按钮时移动到第一个选项卡。我正在使用引导。以下是我的代码：

  <div class="tabsControlStyling">
        <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#home"> Home</a></li>
                        <li><a data-toggle="tab" href="#menu1">Menu1</a></li>
                        <li><a data-toggle="tab" href="#menu2">Menu2</a></li>
                        <li><a data-toggle="tab" href="#menu3"> Menu3</a></li>
                        @*<li><a data-toggle="tab" href="#menu3">Menu 3</a></li>*@
                    </ul>

          <div class="tab-content">
                <div id="home" class="tab-pane fade in active">
                //Content
                </div>
                <div id="menu1">
                </div>
                <div id="menu2">
                </div>
                <div id="menu3">
                </div>
          </div>
</div>

---

这是行不通的。我怎样才能做到这一点呢？

这应该适合你，还没有测试过

$('#button').submit(function () {
    $("#tabsControlStyling").tabs({
        active: $("#home")
    });
});

---

你能说得更具体一点吗？我的核心css没有在这种情况下加载它对我不起作用。。。有一条错误消息说“标签不是功能”。。。

$('#button').submit(function () {
    $("#tabsControlStyling").tabs({
        active: $("#home")
    });
});