如何因为网址中的主题标签而停用另一个活动标签？

Question

我有一个已激活的标签，但如果标签指向另一个标签，我想停用另一个标签。

这是我的代码：

HTML：

<ul class="nav">
    <li class="active">
        <a class="default-tab" href="#default-tab">About</a>
    </li>


    <li>
        <a class="brand-tab" href="#brand-tab">Brand</a>
    </li>
</ul>


<div class="tab-content">
    <div class="default-tab active" id="default-tab">
        <p>...</p>
    </div>

    <div class="brand-tab" id="boc-brand">
        <p>...</p>
    </div>
</div>

JS：

$(document).ready(function() {
    if (location.hash === "#brand", function() {
            $(".brand-tab").addClass('active', function() {
                $(".default-tab").removeClass('active');
            });
        });
});

Answer 1

你有不属于他们的回调。这是您需要的代码：

$(document).ready(function() {
    if (location.hash === "#brand") {
        $(".brand-tab").addClass('active');
        $(".default-tab").removeClass('active');
    }
});

编辑：

如果这些是Bootstrap标签，就像标记一样，你最好使用内置的Bootstrap方法：

$(document).ready(function() {
    if (location.hash === "#brand") {
        $('a[href="#brand-tab"]').tab('show');
    }
});