Question

显然，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>

我尝试链接到标签的网址（位于网站页脚中）：

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

Answer 1

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

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

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

$(document).foundationTabs({deep_linking: false});

链接到Zurb Foundation中的特定选项卡（URL哈希链接）

1 个答案: