0

次のようにマリオネット ビューを使用して、jQuery タブのマークアップを生成したいと考えています。

<div id="tabs-container">
    <ul>
        <li><a href="#tabs-1">ONE</a></li>
        <li><a href="#tabs-2">TWO</a></li>
        <li><a href="#tabs-3">THREE</a></li>
    </ul>
    <div id="tabs-1">
        <h2>Content heading 1</h2>
        <p>DATA</p>
    </div>

    <div id="tabs-2">
        <h2>Content heading 2</h2>
        <p>DATA</p>   
    </div>

    <div id="tabs-3">
        <h2>Content heading 3</h2>
        <p>DATA</p>
    </div>
</div>

DATA: サーバーから受信したデータのコレクションを持っています。これを使用して、タブにデータを入力する必要があります。

ItineraryCollection: 
[
    day1: {DATA},
    day2: {DATA},
    day2: {DATA},
]

$('#tab_container').tabs()jQueryタブ機能を使用して 、そのようなタブを作成したい：上から生成したいタブのモックアップ

4

1 に答える 1