隐藏jquery UI引导选项卡

Dev*_*ion 9 jquery twitter-bootstrap

有没有办法隐藏Jquery UI引导程序选项卡我在下面编写代码来显示特定选项卡

 $('#myTab a:last').tab('show')
Run Code Online (Sandbox Code Playgroud)

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

 $('#myTab a:last').tab('hide')
Run Code Online (Sandbox Code Playgroud)

我在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>
Run Code Online (Sandbox Code Playgroud)

Man*_*ain 9

你试过$('#myTab a:last').hide() 还是 $('#myTab a:first').hide()

  • 因为它不是bootstrap的一部分.我只是使用jquery方法来隐藏和显示dom元素:) (3认同)

Igo*_*gor 7

或者,您可以简单地active从元素中删除类:

$('.nav-tabs li.active').removeClass('active');
$('.tab-content div.active').removeClass('active');
Run Code Online (Sandbox Code Playgroud)

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