html - 带有 Mustache 和 Icanhazjs 的动态 HTML 表的问题

Question

我正在尝试使用 Icanhazjs (Mustache) 构建一个动态表。表格数据始终在表格标签之外呈现，因此不会将我的数据放入表格中。

您可以在我的 JSfiddle Here中看到输出

这是我的 HTML：

<script id="display_row" type="text/html">
    <tr>
        <td>{{data1}}</td>
        <td>{{data2}}</td>
        <td>{{data3}}</td>
    </tr>
</script>

<h1>Icanhazjs & Mustache Table Test</h1>
<table border="1">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody>
        <div id="table_list"></div>
    </tbody>
</table>

这是Javascript：

$(document).ready(function () {
    var user_data, user;

    user_data = [
        {
            data1: "foo1",
            data2: "foo2",
            data3: "foo3"
        },
        {
            data1: "foo4",
            data2: "foo5",
            data3: "foo6"
        }
    ];

    for (i=0; i<user_data.length; i++) {
        user = ich.display_row(user_data[i]);
        $('#table_list').append(user);
    }
});

任何人都可以解释为什么数据没有在我的 html 表中呈现<div id="table_list"></div>。icanhazjs 正在工作，但只是将呈现的 html 放在我的桌子之前。

Answer 1

代替

<tbody>
    <div id="table_list"></div>
</tbody>

试试这个：

<tbody id="table_list">
</tbody>

JSF中：

http://jsfiddle.net/sapy7/1/