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

【问题标题】：bootstrap tabs doesn't work with different class name引导选项卡不适用于不同的类名
【发布时间】：2011-11-16 01:59:27
【问题描述】：

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

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

但是如果我把它改成类似的东西

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

而且还改了对应的ul也行不通。我做错了什么还是这是引导标签的错误？我正在使用最新的引导程序 v1.4.0

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

【问题讨论】：

标签： javascript twitter-bootstrap

【解决方案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" 在这一点上是不必要的。

【讨论】：