Question

我完全迷失了......出于某种原因，我无法弄清楚为什么我的锚没有附加到我的网址上。

我现在所拥有的一切就是：

<div class="tab" role="tabpanel">
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a href="#general" aria-controls="general" role="tab" data-toggle="tab" id="generaltab">Daten</a>
    </li>
    <li role="presentation">
        <a href="#details" aria-controls="details" role="tab" data-toggle="tab">Details</a>
    </li>
    <li role="presentation">
        <a href="#zusatz" aria-controls="zusatz" role="tab" data-toggle="tab">Zusatz</a>
    </li>               
</ul>
</div>

我甚至可以在预览中看到正确的链接，最后一个链接中附加了#。但它只是不会出现在我的地址栏中。

我使用jQuery + Boostrap（即使在这个特定的代码片段中没有jquery）
我在Chrome + IE中测试了这个

标签（面板）已正确切换，所以我猜锚本身正在工作 - 但这仍然无法解释我的地址栏中缺少它的原因。

它虽然是独立的。如果我只提取此代码，请复制＆amp;将它粘贴到一个新文件中，一切正常。什么可能导致这个问题？我的控制台中没有JS错误。

我只是瞎了吗？

copy＆amp;用于测试目的的粘贴

<html>
    <head>
        <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    </head>
    <body>
        <div class="tab" role="tabpanel">
            <ul class="nav nav-tabs" role="tablist">
                <li role="" class="active">
                    <a href="#general" aria-controls="general" role="tab" data-toggle="tab" id="generaltab">Daten</a>
                </li>
                <li role="">
                    <a href="#details" aria-controls="details" role="tab" data-toggle="tab" id="detailstab">Details</a>
                </li>               
            </ul>

            <div class="tab-content tabs contentarea">
                <div role="tabpanel" id="general" class="tab-pane fade in active">
                    test
                </div>

                <div role="tabpanel" id="details" class="tab-pane">
                    test 123 123
                </div>
            </div>
        </div>
    </body>
</html>

锚没有附加在地址栏中

0 个答案: