text/x-jquery-tmpl 嵌套

text/x-jquery-tmpl 是 jQuery 模板插件的一种类型，用于快速生成 HTML 代码。嵌套模板是指在一个模板中嵌套另一个模板，以实现更复杂的页面布局和数据渲染。

以下是一个简单的嵌套模板示例：

<script id="outerTemplate" type="text/x-jquery-tmpl">
  <div>
    <h2>${title}</h2>
    {{tmpl(items) "#innerTemplate"}}
  </div>
</script>

<script id="innerTemplate" type="text/x-jquery-tmpl">
  <ul>
    {{each(i, item) items}}
      <li>${item}</li>
    {{/each}}
  </ul>
</script>

<div id="output"></div>

在上面的示例中，我们定义了两个模板：`outerTemplate` 和 `innerTemplate`。`outerTemplate` 中使用了 jQuery 模板插件的 `{{tmpl}}` 命令来嵌套 `innerTemplate`，并将 `items` 数据传递给 `innerTemplate` 进行渲染。

在 JavaScript 代码中，我们可以使用以下代码来渲染模板：

var data = {
  title: "My List",
  items: ["Item 1", "Item 2", "Item 3"]
};

$(document).ready(function() {
  $("#outerTemplate").tmpl(data).appendTo("#output");
});

此时，页面上的 `#output` 容器中将会生成以下 HTML 代码：

<div>
  <h2>My List</h2>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>

这个示例只是一个简单的嵌套模板示例，实际应用中可能需要更复杂的模板嵌套、条件判断和循环等操作。但是，使用 jQuery 模板插件可以大大简化这些操作，使得我们可以更快速地生成复杂的 HTML 页面。