javascript - Bootstrap 选项卡不适用于不同的类名

Question

如果我有的话，Bootstrap 在我的 js 中工作正常

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

但是如果我将其更改为类似的内容

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

并且也更改相应的ul它不起作用。我做错了什么还是这是 Bootstrap 选项卡的错误？我使用的是最新的 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 插件/function 接受一个选择器作为其参数。

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