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>

选项卡上需要双击才能将活动标签从一个标签更改为另一个标签....标签内容会在一次单击时更改，但活动标签显示为主标签页，仅在第二次单击同一选项卡时更改。< / p>

P.S。我正在使用角度

Answer 1

尝试使用数据目标而不是 href ，因为当您使用href时，您的网址也会更改..并且当前网页的网址会发生变化..

导航丸导航html需要双击才能更改活动标签类

1 个答案: