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);
    }
});

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

Answer 1

而不是

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

试试这个：

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

的jsfiddle：

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

使用Mustache＆amp;动态HTML表的麻烦Icanhazjs

1 个答案: