javascript - ブートストラップ タブが別のクラス名で機能しない

Question

私が持っている場合、ブートストラップは私の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.0line 70を見ると、$.fn.tabsプラグイン/関数がパラメーターとしてセレクターを受け取ることがわかるからです。

ところで、data-tabs="tabs"この時点では不要だと思います。