css - knockout.js - IE -7 css 类问题

Question

这是我遇到的一个有趣的小问题为 div 数组动态设置类。

我使用 Knockout.js 分配通过“attr”绑定(bind)使用的类。

这在我测试过的所有浏览器中都运行良好，除了 IE-7(不担心 IE-6 等)

我有一个突出显示 issue here 的 jsfiddle 示例

在示例中，静态(顶行)应与底部匹配(生成的 ko)在 IE-7 中，我只看到了最广泛的 css 选择器颜色(银色)

Answer 1

IE7 要求您设置 className 而不是 class。

例如，这适用于 IE7 和 其他浏览器:http://jsfiddle.net/thirtydot/VVuGh/14/

<div data-bind='attr: { "class": classes, "className": classes }'></div>

但是，最好不要在您的 HTML 中支持这个 IE7 怪癖。在 knockout.js 内部会是一个更好的地方，尽管我对能够提出这样的建议的库一无所知。