0

どうやらZurbFoundationのディープリンクが削除されたため、サイトの他の場所からタブにリンクすることはネイティブでは不可能です。誰かが回避策を手伝ってくれることを願っていますか？

タブの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 を最新バージョンに更新したくない場合は (ただし、最新の状態に保つことをお勧めします)、リポジトリから最新バージョンのタブをダウンロードするだけです: jquery.foundation.tabs.jsを置き換えます。これで古いタブ。

3.2.4 では、ディープ リンクを無効にする場合はdeep_linking、プラグインを初期化するときに明示的に false に設定する必要があります。

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