0

显然，Zurb Foundation 中的深层链接已被删除，因此本机无法链接到站点上其他位置的选项卡。我希望有人可以帮助我解决方法？

这是我的标签页的 HTML 代码：

<dl class="tabs">
    <dd class="active"><a href="#one">Tab 1</a></dd>
    <dd><a href="#two">Tab 2</a></dd>
    <dd><a href="#three">Tab 3</a></dd>
    <dd><a href="#four">Tab 4</a></dd>
</dl>

对于标签内容：

<ul class="tabs-content">
    <li id="oneTab" class="active">
        [content]
    </li>

    <li id="twoTab">
        [content]
    </li>

    <li id="threeTab">
        [content]
    </li>

    <li id="fourTab">
        [content]
    </li>


</ul>

我尝试链接到选项卡的 URL（位于站点的页脚中）：

http://domain.com/path/to/page#four
http://domain.com/path/to/page#fourTab
4

1 回答 1

1

深度链接在 3.2.3 中被设置为默认参数。如果您下载最新版本 3.2.4，您的深层链接应该可以正常工作。

如果您不想将所有 Foundation（尽管我建议您保持最新）更新到最新版本，您可以从存储库下载最新版本的 Tabs：jquery.foundation.tabs.js并替换这个旧标签。

在 3.2.4 中，如果要禁用深度链接，则必须deep_linking在初始化插件时显式设置为 false。

$(document).foundationTabs({deep_linking: false});
于 2013-01-24T21:22:22.653 回答