嘿所有！

正如主题 Headers 所示，我想知道是否可以在嵌套选项卡上使用深层链接 . 我的意思是，如果我只使用一个选项卡容器，它工作正常，但我不知道如何深入链接到父选项卡内的选项卡 . 它应首先打开父选项卡，然后显示目标子选项卡 . 是否可以使用Foundation 6深层链接（没有黑客）？

假设我们有这个代码：

<div>
    <ul class="tabs" data-tabs id="tabs" data-deep-link="true">
        <li class="tabs-title is-active"><a href="#tab1">Content 1</a></li>
        <li class="tabs-title"><a href="#tab2">Content 2</a></li>
    </ul>
</div>
<div class="tabs-content" data-tabs-content="tabs">
    <div class="tabs-panel is-active" id="tab1">
        My Content 1
    </div>
    <div class="tabs-panel" id="tab2">
        <ul class="tabs" data-tabs id="tab2-tabs" data-deep-link="true">
            <li class="tabs-title is-active"><a href="#tab2-tab1">Content 2-1</a></li>
            <li class="tabs-title"><a href="#tab2-tab2">Content 2-2</a></li>
        </ul>
        <div class="tabs-content" data-tabs-content="tab2-tabs">
            <div class="tabs-panel is-active" id="tab2-tab1">
                My Content 2-1
            </div>
            <div class="tabs-panel" id="tab2-tab2">
                My Content 2-2
            </div>
        </div>
    </div>
</div>

如何使用深层链接打开“我的内容2-2”？

zurb-foundation deep-linking