Question

我在 showallinstructors.cshtml 中写了以下代码。

<h2>Instructors List</h2>
<table border="1">
    <thead>
        <tr>
            <th>Name</th>
            <th>Hire Date</th>
            <th>Twitter</th>
            <th>Technologies</th>
        </tr>
    </thead>
    <tbody id="instructorsList">
        @*Insert instructors here*@
    </tbody>
</table>

以及 _Layout.cshtml 文件

中的以下代码

<head>
//I have omitted the default Render code
<script type="text/javascript">

var instructors = [
    { FirstName: "Matt", HireDate: new Date(2005, 6, 1), Twitter: "milnertweet", FavoriteTech: [{ Name: "jQuery" }, { Name: "WF" }, { Name: "BizTalk" }] },
    { FirstName: "Fritz", HireDate: new Date(2004, 8, 1), Twitter: "fritzonion", FavoriteTech: [{ Name: "ASP.NET" }, { Name: "JavaScript" }, { Name: "CSS" }] },
    { FirstName: "Aaron", HireDate: new Date(2004, 8, 1), Twitter: "skonnard" }
];

$(function () {
    $("#instructorTemplate").tmpl(instructors).append("#instructorsList");
});
</script>

<script id="instructorTemplate" type="text/x-jquery-tmpl">
    <tr>
        <td>${FirstName}</td>
        <td>${HireDate}</td>
        <td>${Twitter}</td>
        <td>${Technologies}</td>
    </tr>
</script>
</head>

我希望使用jQuery模板以表格格式显示输出。

我只得到表格标题。

因此，我已经验证了view-source。但是，我无法理解问题出在哪里。

任何人都可以建议我在哪里做错了。除了我的stackoverflow之外，我没有任何人建议。

修改：当我调试代码时，我发现所有教师都会进入“教师”变量。但是，只是没有填充。我不知道该怎么做。

Answer 1

很小的错误。

以上代码应为：

$(function () {
    $("#instructorTemplate").tmpl(instructors).appendTo("#instructorsList");
});

我已将附加替换为 appendTo 。就是这样。

我的jQuery模板不起作用

1 个答案: