javascript - tbody 中的嵌套无容器 foreach 对于 IE 失败

标签 javascript internet-explorer knockout.js

我在让一些嵌套的、无容器的 foreach 绑定(bind)工作时遇到了一些麻烦。它适用于成人浏览器,但不适用于 IE(8 或 9)。

我能找到的最接近的是 this question ,但该问题的根源似乎是缺少我拥有的 tbody 标签。 IE 给出的错误是

Cannot find closing comment tag to match: ko foreach: seniors

抱歉,文字墙很长,但下面是我的标记。

<小时/>
<tbody data-bind="foreach: superGroups">
    <tr>
        <td style="font-weight: bold;" data-bind="text: superName() || 'No Super Set'" colspan="8">
    </tr>
    <!-- ko foreach: seniors -->
    <tr>
        <td></td>
        <td style="font-weight: bold;" data-bind="text: seniorName() || 'No Senior Set'" colspan="7"></td>
    </tr>

        <!-- ko foreach: items -->

        <tr>
            <td>
                <span data-bindX="text:superName"></span>
            </td>
            <td>
                <span data-bindX="text:seniorName"></span>
            </td>
            <td>
                <span data-bind="text:clientName"></span>
                <i class="icon-tags" data-bind="attr:{title: labels}, visible: labels"></i>
            </td>
            <td>
                <span data-bind="text:description"></span>
            </td>
            <td>
                <span data-bind="visible:superPayAmount">$<span data-bind="text:superPayAmount"></span></span>
                <span data-bind="visible:superPayAmount.length == 0">-</span>
            </td>
            <td>
                <span data-bind="shortDate: superStartDate"></span> - <span data-bind="shortDate: superEndDate"></span>
            </td>
            <td>
                <span data-bind="visible:seniorPayAmount">$<span data-bind="text:seniorPayAmount"></span></span>
                <span data-bind="visible:!seniorPayAmount.length == 0">-</span>
            </td>
            <td>
                <span data-bind="shortDate: seniorStartDate"></span> - <span data-bind="shortDate: seniorEndDate"></span>
            </td>
        </tr>

        <!-- /ko -->

    <!-- /ko -->
</tbody>

最佳答案

您错过了第一个 tr 中的结束 td 标记:

<tr>
    <td style="font-weight: bold;" data-bind="text: superName() || 'No Super Set'" colspan="8"></td>
</tr>

关于javascript - tbody 中的嵌套无容器 foreach 对于 IE 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13748590/

相关文章:

javascript - 如何滚动Jqgrid固定标题行

javascript - 将 javascript 变量传递给新的 php 页面

javascript - 在 listItem 中使用 'href=""' 属性时出现问题

knockout.js - knockout 映射验证

javascript - JQuery AJAX 'post' 数据无法到达 Web api Controller

javascript - 获取所选文本的开头和结尾的字符偏移量

internet-explorer - 如何调试以知道是什么导致了 IE8 崩溃?

html - 可滚动的div里面的内容,导致在IE中出现页面滚动条

css - 绝对位置高度 100% 在 IE 11 上不起作用 - 但在 Microsoft Edge 上可以

jquery - 使用 JSONP 的 ajax 调用返回错误 Uncaught ReferenceError : jquery19102754115150310099_1392753827782 is not defined