淘汰赛第一场比赛

时间:2011-11-23 21:31:32

标签: html css knockout.js jquery-templates

当我使用以下jquery模板时:

<script id="cost-template" type="text/x-jquery-tmpl">
    <table class="costSection">
        <caption class="boldCaption">Costs</caption>
        <tr data-bind="css: {'alert-message block-message': quantityWarning}">
          <td class="labelHalfTd ">Total Quantity:</td>
          <td class="dataHalfTd  numericInfo" id="totalQuantity" data-bind="text: quantity"></td>
        </tr>
        <tr>
          <td class="labelHalfTd">Cost (USD):</td>
          <td class="dataHalfTd  numericInfo" id="costUsd" data-bind="text:cost.displayValue"></td>
        </tr>
    </table>    
</script>

knockout正确评估数据绑定,但我们最终得到alert-message block-message上的<tbody>类而不是具有data-bind的<tr>类。在其他情况下,带有data-bind的行不是表中的第一行,一切正常。

1 个答案:

答案 0 :(得分:2)

您是否尝试过将Trs包裹在一起?我认为浏览器正在添加tbody并将属性与第一行混淆。