jquery - 隐藏 jquery UI 引导选项卡

Question

有什么方法可以隐藏 Jquery UI 引导选项卡我在下面编写了代码以显示特定选项卡

 $('#myTab a:last').tab('show')

所以我尝试使用下面的代码来隐藏选项卡，但它给出了它没有方法隐藏的错误

 $('#myTab a:last').tab('hide')

我在我的 html 中以下列方式声明了标签

 <ul class="nav nav-tabs" id="myTab">
        <li><a href="#product" data-toggle="tab">Company</a></li>
        <li><a href="#version" data-toggle="tab">Employee</a></li>
  </ul>

Answer 1

你试过了吗$('#myTab a:last').hide() ？ $('#myTab a:first').hide()

Answer 2

或者，您可以简单地active从元素中删除该类：

$('.nav-tabs li.active').removeClass('active');
$('.tab-content div.active').removeClass('active');

这样你就不会有任何仍然标记为的隐藏元素active，这可能会干扰其他 JS 或 CSS。

Answer 3

无需特别隐藏选项卡，您只需显示您想要的选项卡，其他选项卡将自动隐藏。您可以使用 ：

$("a[href='#tabToBeShown']").tab("show");