生成标记使用jQuery的木偶标签查看

我要生成使用木偶视图像这样的jQuery标签标记：生成标记使用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的标签功能来创建一个标签： Mock up for tabs I want to generate from above

来源

2013-05-27 Nilesh Kale

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

该文章向您展示了如何使用Marionette创建标记以显示可折叠视图。您应该能够轻松地将这些概念适应于您的目标。

来源

2013-05-27 11:57:39

感谢您的链接，这有助于理解概念并加以调整。我没有检查它，但是我正在寻找任何具体的答案w.r.t jQuery选项卡，因为我认为它必须是最常用的UI元素之一，并且如果有'接受'/最好的方式来生成这种标记。 –

问题是有很多“常用”UI库（jQuery UI，Bootstrap，Kendo UI等），每个都有自己的标记。幸运的是，链接的文章应该使您能够从Backbone数据实体到这些UI库所需的任何DOM结构。 –

生成标记使用jQuery的木偶标签查看

回答

相关问题