jquery - jQuery 模板

Question

这是关于 jQuery 模板

我使用 NuGet 来安装它。信息在GitHub中。所以我想我使用的是正确的包。

jQuery.tmpl.min.js在ASP.NET MVC 4项目中添加和引用。

问题是，当我测试使用

$('#files-list').tmpl(data).appendTo('#Container');

有用。

但是，如果我更改为：

var t = "div" + tmplName;
$(t).tmpl(data).appendTo('#Container');

它失败。FireBug 给了我一些控制台错误，例如$(t).tmpl(data).appendTo is not a function.

谁能告诉我为什么我不能这样做？我该如何解决？

谢谢你。

Answer 1

为什么你得到那个异常是因为你没有一个带有 idt或"div" + tmplName. 确保您有一个带有传递 id 的脚本块。

前任。

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    <li><b>${Name}</b> (${ReleaseYear})</li>
</script>

<script>
var movies = [
    { Name: "The Red Violin", ReleaseYear: "1998" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
    { Name: "The Inheritance", ReleaseYear: "1976" }
];

$("#movieTemplate" ).tmpl(movies).appendTo("#movieList");
</script>

Answer 2

这个：

var t = "div" + tmplName;

永远不能等于：

'#files-list'

你不想要更多类似的东西：

var t = '#' + tmplName;