转到标签而不使用锚链接？

Question

我正在使用Scroll Javascript并发现了选项卡的问题,即它与滚动javascript冲突.即

                <ul class="nav nav-tabs">
                  <li class="active"><a data-toggle="tab" href="#menu1">menu1 </a></li>
                  <li><a data-toggle="tab" href="#menu2">Menu2 </a></li>
                  <li><a data-toggle="tab" href="#menu3">Menu3</a></li>
                </ul>

是否可以在不使用锚点的情况下链接到标签？(#菜单1)

亲切的问候,

Answer 1

您可以使用data-target属性:

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a data-target="#tab1" role="tab" data-toggle="tab">First Tab</a></li>
    <li role="presentation"><a data-target="#tab2" role="tab" data-toggle="tab">Second Tab</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab1">Content 1</div>
  <div role="tabpanel" class="tab-pane" id="tab2">Content 2</div>
</div>

这是一个工作小提琴