前提・実現したいこと
ドットインストールのBootstrap 4入門の#17を参考にタブメニューを作成しているのですが、以下の問題が発生しました。
発生している問題・エラーメッセージ
タブメニューの切り換えを試したところ、一度目は切り替わったのですが、メニューをiOS→Android→iOSと切り換えたあと、Android側へ切り替えができない状態になりました。
該当のソースコード
HTML
1 <section class="py-5"> 2 <h2 class="mb-5 text-center">How to use</h2> 3 <div class="container"> 4 <ul class="nav nav-tabs"> 5 <li class="nav-item"><a href="#ios" class="nav-link active" data-toggle="tab">iOS</a></li> 6 <liclass="nav-item"><a href="#android" class="nav-link" data-toggle="tab">Android</a></li> 7 </ul> 8 <div class="tab-content py-4"> 9 <div id="ios" class="tab-pane active"> 10 <p>Hello iOS. Hello iOS. Hello iOS. Hello iOS. Hello iOS. Hello iOS. Hello iOS. Hello iOS. Hello iOS.</p> 11 </div> 12 <div id="android" class="tab-pane"> 13 <p>Hello Android. Hello Android. Hello Android. Hello Android. Hello Android. Hello Android. Hello Android. Hello Android. Hello Android.</p> 14 </div> 15 </div> 16 </div> 17 </section>
試したこと
ディベロッパーツールで調べたところ、iOS→Android→iOSと切り換えた際に、Android側のnav-linkのactiveが消えず、iOSとAndroidのタブ2つがともにactiveになっていました。
多分ここが問題だと思うのですが、修正するべき点がわからない状態です。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/01 09:24