0

私が欲しいものの例があります：

http://jsfiddle.net/challenger/m4BZt/

私はそのようなテンプレートを持っています(私はBackboneライブラリを使用しています):

<div class="four columns productView">
    <dl class="tabs">
        <dd class="active"><a href="#<%= Id %>-tab1">Purchase</a></dd>
        <dd class=""><a href="#<%= Id %>-tab2">Specification</a></dd>
    </dl>
    <ul class="tabs-content">
        <li class="active" id="<%= Id %>-tab1">
            <img src="http://placehold.it/400x300&amp;text=[img]">
            <h4><%= Title %></h4>
            <p>
                <a href="#" class="blue small nice button radius">Add to Cart »</a>
            </p>
        </li>
        <li id="<%= Id %>-tab2">
            <h4><%= Title %></h4>
            <p><%= Description %></p>
            <p>
                <a href="#" class="blue small nice button radius">Add to Cart »</a>
            </p>
        </li>
    </ul>
</div>

しかし、これは壊れます。どういうわけかそれにdoesn't show me second tab contentもかかわらずchanges tab visually、ハッシュ記号とモデルId with -tab[1|2] postfixを に追加しurl barます。

多分私は何かを逃しましたか？それ、どうやったら出来るの？ありがとう！

4

1 に答える 1

1

命名規則が間違っていると思います。タブとコンテンツは次のようにする必要があります。

機能的なタブが必要な場合は、各タブが ID にリンクされていること、および対応するタブの ID が #tabnameTab であることを確認してください。-財団文書

タブ：href="#ID"

コンテンツ：id="IDTab"

以下のコードのようなものを試してください。

<div class="four columns productView">
    <dl class="tabs">
        <dd class="active"><a href="#<%= Id %>Buy">Purchase</a></dd>
        <dd class=""><a href="#<%= Id %>Spec">Specification</a></dd>
    </dl>
    <ul class="tabs-content">
        <li class="active" id="<%= Id %>BuyTab">
            <img src="http://placehold.it/400x300&amp;text=[img]">
            <h4><%= Title %></h4>
            <p>
                <a href="#" class="blue small nice button radius">Add to Cart »</a>
            </p>
        </li>
        <li id="<%= Id %>SpecTab">
            <h4><%= Title %></h4>
            <p><%= Description %></p>
            <p>
                <a href="#" class="blue small nice button radius">Add to Cart »</a>
            </p>
        </li>
    </ul>
</div>
于 2012-11-28T14:06:39.277 に答える