やりたいこと
タブをクリックしたらページ遷移なしで画像(svg)が切り替わる
現状
最初に読み込んだ画像のまま画面が切り替わらない。タブの実装は済んでいますが、中身の方と結びついていない?
今やっていること
jqueryにてタブクリックでタブ内容を取得し表示・非表示を切り替えることができないか模索中です。
ビギナーのためお力をお貸しいただけると大変助かります。
現状のコード
html
1<div id="dnweb-tabtest"> 2 <!-- タブの切替部分 --> 3 <ul class="nav nav-tabs"> 4 <li class="active"><a href="#tabNo.1" data-toggle="tab">1</a></li> 5 <li><a href="#tabNo.2" data-toggle="tab">2</a></li> 6 <li><a href="#tabNo.3" data-toggle="tab">3</a></li> 7 <li><a href="#tabNo.4" data-toggle="tab">4</a></li> 8 <li><a href="#tabNo.5" data-toggle="tab">5</a></li> 9 </ul> 10 11 <!-- タブの中身--> 12 <div class="tab-pane active" id="tabNo.1">タブ1(svgタグにて画像作成)</div> 13 <div class="tab-pane active" id="tabNo.2">タブ2</div> 14 <div class="tab-pane active" id="tabNo.3">タブ3</div> 15 <div class="tab-pane active" id="tabNo.4">タブ4</div> 16 <div class="tab-pane active" id="tabNo.5">タブ5</div> 17
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/23 01:24