jQuery：模板。必须包含在脚本块中吗？

Question

作为一名JS开发人员，我始终将设计层与业务层分开。这意味着，HTML始终是独立的，CSS和JavaScript文件是外部的并且包含在内。

现在，对于jQuery模板，声明的模板必须显然位于页面的脚本块中。世界上你应该如何将所有业务分开？我不想要凌乱的HTML。我想要一个永远不需要触摸的干净HTML，因为它的设计方式......

是否有可靠且经过验证的方法？

Answer 1

如果需要，您可以致电$.templ(yourTemplateString, data)。这将返回构建元素，然后您可以使用“追加”或其他任何内容将其粘贴到文档中。

我同意你的看法，将模板作为<script>标签对每个人来说都不是一个超级好主意。

Answer 2

有一种牺牲，但看起来更易于维护和清洁：

原件：

for(var i=0; i<client.name.length; i++) {
    clRec += "<li><a href='clients/"+client.id[i]+"'>" + client.name[i] + "</a></li>";
}

模板

<script id="clientTemplate" type="text/html">
    <li><a href="clients/${id}">${name}</a></li>
</script>

来自http://blog.reybango.com/2010/07/09/not-using-jquery-javascript-templates-youre-really-missing-out/的代码

Answer 3

您可以使用不同的$ .tmpl（）语法和$ .ajax（）来use jQuery Templates definitions stored in external files。

Answer 4

我想如果您想要模板化您的应用程序，请尝试使用jQuery模板。但我已经意识到，与许多框架一样，最终会使代码更加复杂化。