引导选项卡不适用于不同的类名 [英] bootstrap tabs doesn't work with different class name

问题描述

如果我有

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

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

But if I change that to something like

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

并更改相应的 ul 它不起作用.我做错了什么还是这是引导标签的错误?我正在使用最新的引导程序 v1.4.0

and also change the corresponding ul it doesn't work. Am I doing something wrong or is this a bug with bootstrap-tabs? I'm using the latest bootstrap v1.4.0

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

推荐答案

$('.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 接受一个选择器作为它的参数.

..the reason it works is if you look at bootstrap-tabs.js v1.4.0 line 70 you'll see that the $.fn.tabs plugin/function takes in a selector as its parameter.

顺便说一句，我认为 data-tabs="tabs" 在这一点上是不必要的.

Btw, i think the data-tabs="tabs" is unnecessary at this point.

这篇关于引导选项卡不适用于不同的类名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！