0

我试图将四个属性绑定到一个相当简单的 HTML 结构。FF11、Chrome18 和 IE9 中的一切都是桃子，直到我在 IE7/IE8 中加载页面（通过更改 IE9 版本的开发人员工具中的浏览器和 Coument 模式）。

简单的 HTML 结构 - 仅输出四行绑定数据。一个标签和绑定的数据。

<div id="loyaltyProgramSummary" class="content-block clearfix" data-bind="with: CustomerPoints">
    <div class="form-row">
        <div>PricingGroup:</div>
        <div><span data-bind="text:PricingGroupName"></div>
    </div>
    <div class="form-row">
        <div>LifetimePointsToDate:</div>
        <div><span data-bind="text:LifetimePoints"></div>
    </div>
    <div class="form-row">
        <div>PointsUsed:</div>
        <div><span data-bind="text:RedeemedPoints"></div>
    </div>
    <div class="form-row">
        <div>AvailablePoints:</div>
        <div><span data-bind="text:AvailablePoints"></div>
    </div>
</div>

第一行“PricingGroupName”是一个 ko.computed 字段，是最终被删除的字段。当我在 IE9 开发工具中查看呈现的 HTML 时，它已被完全省略。

   <div id="loyaltyProgramSummary" class="content-block clearfix" data-bind="with:CustomerPoints" __ko__1335910690335="ko3">            
       <div class="form-row" __ko__1335910690335="ko4">
            <div>LifetimePointsToDate:</div>
            <div><span data-bind="text:LifetimePoints" __ko__1335910690335="ko5">1000</div>
        </div>
        <div class="form-row" __ko__1335910690335="ko8">
            <div>PointsUsed:</div>
            <div><span data-bind="text:RedeemedPoints" __ko__1335910690335="ko6">1550</div>
        </div>
        <div class="form-row" __ko__1335910690335="ko9">
            <div>AvailablePoints:</div>
            <div><span data-bind="text:AvailablePoints" __ko__1335910690335="ko7">8450</div>
        </div>
    </div>

我认为它可能与计算列有关，但“可用点”也是一个计算字段，它运行良好。

我创建了一个“小提琴”来说明这个问题，可以在这里找到......

任何帮助将不胜感激！

谢谢你，加里

4

1 回答 1

0

不要使用空的自闭合标签，改为 . http://jsfiddle.net/UXA4Q/13/

于 2012-05-01T22:53:26.013 回答