Jquery模板未对齐答案

【问题标题】：Jquery Template not aligningJquery模板未对齐
【发布时间】：2013-04-14 06:15:45
【问题描述】：

我有一个 html table 。

<table id="blogPostContainer">
</table>

我使用signalR 和tmpl 在此表中附加了一些值。

$.connection.hub.start().done(function () {
                booking.server.getAllDates().done(function (data) {
                    debugger;
                    for (var i = 0; i < data.length; i++) {
                        DateTempl = DateTempl.concat(data[i].Dates);
                    }
                    var blogPosts = { Date: [DateTempl] }
                    $("#blogPostTemplate").tmpl(blogPosts).appendTo("#blogPostContainer");

                });
            });

我使用 jquery 模板对齐table tr td 格式

<script id="blogPostTemplate" type="text/x-jQuery-tmpl"> 

        <tr>
            <td>
            Date
            </td>
             {{each Date}} <td> ${$value} </td> {{/each}}
        </tr>


    </script>

第一个tr 和td 标签正在工作。但是在每个循环内部td标签不起作用

请在下面查看我的结果

第一个 Td 工作，但第二个 td 不工作。我希望我的每个日期都在td 标签内。谁来帮帮我

【问题讨论】：

什么是DateTempl？顺便说一句，如果DateTemplv 是一个数组，那么您将使用var blogPosts = { Date: [DateTempl] } 将它包装在一个数组中。所以应该是var blogPosts = { Date: DateTempl }...
DateTempl 在 top side 中全局声明。解决问题的伙伴
你看过网页的来源吗？
@nemesv 您的评论效果很好

标签： jquery html asp.net-mvc-4 signalr jquery-templates

【解决方案1】：

尽管您尚未发布您的 DateTempl 声明，但它似乎是一个数组。通过[DateTempl] 调用，您可以在以下语句中将其包装到另一个数组中

var blogPosts = { Date: [DateTempl] };

因此，在查询模板中，${$value} 将在一个表格单元格中显示您的整个数组。

您只需要删除[]，它应该可以正常工作：

var blogPosts = { Date: DateTempl };

【讨论】：