0

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 をテーブルの前に置くだけです。

4

1 に答える 1

2

それ以外の

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

これを試して：

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

JSFiddle:

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

于 2013-03-01T21:54:16.950 に答える