javascript - 导航丸导航 html 需要双击才能更改事件选项卡类别

Question

      <div class="container">
                <br>
                <ul class="nav nav-pills">
                    <li class=" active btn-primary "><a data-toggle="pill" href="#home">Ask</a></li>
                    <li class=" btn-primary "><a data-toggle="pill" href="#menu1">Reviews</a></li>
                    <li class=" btn-info " ><a data-toggle="pill" href="#menu3">WRITE A REVIEW</a></li>
                    <li class=" btn-info "><a data-toggle="pill" href="#menu2">ASK A QUESTION</a></li>
                </ul>
                <br>

                <div class="tab-content">

                    <div id="home" class="tab-pane fade in active">
                       some content tab 1           
                    </div>
                    <div id="menu1" class="tab-pane fade">
                                some content tab 2          
                    </div>
                    <div id="menu2" class="tab-pane fade">
                            some content tab 3          
                    </div>
                    <div id="menu3" class="tab-pane fade">
                            some content tab 4          
                    </div>
              </div>
        </div>

需要双击一个选项卡才能将事件选项卡从一个更改为另一个......选项卡内容只需单击一次即可更改，但事件选项卡显示为主页选项卡，并且仅在同一选项卡上第二次单击时才会更改。

附注我正在使用 Angular

Answer 1

尝试使用data-target而不是href，因为当您使用href时，您的网址也会发生变化..并且当前页面的网址也会发生变化..