淘汰2.0在IE8中不起作用

Question

此视图适用于IE9和Chrome.但是,不适用于IE8.呈现页面时,它的外观如下:

我的HTML(MVC3 View)如下所示.

<div id="machinedisplay" data-bind="with: selectedMachine" >
<h2><span data-bind="text: MachineDesciption" /></h2>
<!-- ko with: my.vm.machineData -->
<table>
    <thead><tr>
               <th>Point Name</th><th>Description</th><th>Points Data</th>
           </tr></thead>

    <tbody data-bind="foreach: Points">
        <tr>
            <td data-bind="text: PointName()"></td>
            <td data-bind="text: PointDesciption()"></td>
            <td>
                <table style="width:100%;">
                    <thead><tr>
                               <th>Name</th><th>Description</th><th>Value</th><th></th>
                           </tr></thead>

                    <tbody data-bind="foreach: Params">
                        <tr>
                            <td data-bind="text: ParameterName"></td>
                            <td data-bind="text: ParameterDescription"></td>
                            <td data-bind="text: StringValue"></td>
                        </tr> 
                    </tbody>
                </table>            
            </td>
        </tr> 
    </tbody>
</table>
<!-- /ko -->
</div>

关于IE8的任何想法都可以解决？

编辑: 为了在一个更简单的模型上说明这个问题,请查看这个小提琴http://jsfiddle.net/ericpanorel/nzKvb/

我想我遇到了问题,因为我使用的是"with"或"if"绑定.我在某处读到这会导致IE8出现问题.

我使用IE9,如果你使用你的开发者工具从IE9切换到IE8,这个小提琴不再正常工作.这个小提琴实际上源于一个淘汰赛的样本(http://knockoutjs.com/examples/gridEditor.html)

编辑: 我更新了小提琴... http://jsfiddle.net/nzKvb/20/ 它与嵌套的无容器绑定中的标签的短手关闭有关

 <!-- ko if: Allowed-->
<h2>
 <span data-bind="text: Dummy"/>     <===== This will bomb in IE8 
</h2>

Answer 1

jsFiddle在数组的末尾有一个额外的逗号,IE8将其视为一个空对象:

var viewModel = new GiftModel([
    { name: "Tall Hat", price: "39.95"},
    { name: "Long Cloak", price: "120.00"},
    { name: "HK 416", price: "2420.00"}, <-- HERE !!!
]);
ko.applyBindings(viewModel);

没有逗号的小提琴工作正常:

http://jsfiddle.net/XPMUA/

不确定这是否解决了你的根本问题,但至少小提琴现在正在运作:-)