使用木偶视图为jquery选项卡生成标记

Question

我想使用Marionette Views为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},
]

我想使用jQuery tabs函数使用$('#tab_container').tabs()创建一个类似的选项卡：

Answer 1

虽然这不是您问题的直接答案，但我已经介绍了在我的博客上为外部库生成标记：http://davidsulc.com/blog/2013/02/03/tutorial-nested-views-using-backbone-marionettes-compositeview/

该帖子向您展示了如何使用Marionette创建标记以显示可折叠视图。您应该能够轻松地将概念调整到您的目标。