bootstrap选项卡不适用于不同的类名

Question

如果我有

，我的js中的Bootstrap工作正常

$('.tabs').tabs(); 

但如果我将其改为

$('.usertabs').tabs(); 

并且还更改相应的ul它不起作用。我做错了什么或者这是bootstrap-tabs的错误？我正在使用最新的bootstrap v1.4.0

<ul class="usertabs" data-tabs="tabs" >

Answer 1

$('.usertabs').tabs('.usertabs li > a'); 

假设您的代码看起来像

，

应该可以正常工作

<ul class="usertabs" data-tabs="tabs" >
<li class="active"><a href="#home">Home</a></li>
<li><a href="#menu1">menu1</a></li>
<li><a href="#menu2">menu2</a></li>
<li><a href="#menu3">menu3</a></li>
</ul>

..它的工作原理是你看看bootstrap-tabs.js v1.4.0 line 70你会看到$.fn.tabs插件/函数将选择器作为参数。< / p>

顺便说一下，我认为此时data-tabs="tabs"是不必要的。