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>

是否可以在不使用锚点的情况下链接到标签？（＃MENU1）

亲切的问候，

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>

这是Working Fiddle

Answer 2

出现如此：

<div id="tabs">
    <ul class="super">
        <li><a>title 1</a></li>
        <li><a>title 2 </a></li>
    </ul>
    <div>
        content1
    </div>
    <div>
        content2
    </div>
</div>
<script>
    $(function () {
        $("#tabs ul.super li a").each(function (index) {
            $(this).attr("href", "#spec" + index.toString());            
        });
        $("#tabs div").each(function (index) {
            $(this).attr("id", "spec" + index.toString());
        })
        $("#tabs").tabs();
    });      
</script>

来源：is it possible to use Tabs without using anchor tag and id?

Answer 3

我通过更改

中的以下行解决了这个问题

var d = $（＆＃34;＃scroller-anchor＆＃34;）。offset（{scroll：false}）。top;

到

var d = $（＆＃34;＃scroller-anchor＆＃34;）。offset（）。top;

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

3 个答案: