-1
tab2の次のボタンをクリックしてタブをアクティブにできません。 「次の」タブをクリックすると3のコンテンツが表示されます。同様にtab3もアクティブになります。 コンテンツを変更してタブをアクティブにする別の方法を使用しましたが、タブはアクティブではありません(タブ1の場合)。ボタンをクリックしてタブにクラスを追加できません - jsが機能していません
htmlコード:
<div class="panel with-nav-tabs panel-info">
<div class="panel-heading">
<ul class="nav nav-tabs" id="hi">
<li class="active"><a href="#tab1info" role="tab" data-toggle="tab">tab1</a></li>
<li><a href="#tab2info" role="tab" data-toggle="tab">tab2</a></li>
<li><a href="#tab3info" role="tab" data-toggle="tab">tab3</a></li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade" id="tab1info">
tab1 contents
<a href="#tab2info " data-toggle="tab">Next</a>
</div>
<div class="tab-pane fade" id="tab2info">
<a onclick="iyo()" id="aaa">Next</a>
</div>
<div class="tab-pane fade" id="tab3info">tab3contents</div>
</div>
</div>
と私のJSコード:
function iyo() {
$('tab3info').addClass('active');
};
'$( 'tab3infoは')'、 ' 'のように見える要素を選択し、おそらくないあなたが何を望むかが、 '$( '#のtab3info')'、それはですa typo –
adeneo
私もこれを試しましたが、うまくいきません。 –
あなたのコードはjQueryであり、プレーンなJavaScriptではありません。実際にjQueryライブラリをロードしていますか?あなたの文書であなたの機能を定義している場所はどこですか? [MCVE] – Turnip