Question

嘿，所有！

正如该主题的标题所暗示的，我想知道是否有可能在嵌套选项卡上使用深层链接。我的意思是，如果仅使用一个选项卡容器，则可以正常工作，但是我不知道如何深链接到父选项卡内的选项卡。它应该首先打开父选项卡，然后显示目标子选项卡。是否可以使用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”？

Foundation 6深层链接嵌套选项卡

0 个答案: