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

Question

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

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

但是，如果我将其更改为类似

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

并更改相应的ul它不起作用。我做错了什么还是这是引导标签的错误？我正在使用最新的引导程序 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插件/函数将选择器作为其参数。

顺便说一句，我认为此时data-tabs="tabs"没有必要。