Javascript 动态分配淘汰无效的cssClass

我定义了下表：

<tbody data-bind="foreach: timeslots">
    <td class="start-time" data-bind="text: time"></td>
    <td data-bind="text: displayStatus, class: cssClass, click: $parent.loadDetails"></td>
</tbody>

我在css文件中定义了

事件邀请

：

// my viewmodel is a list of timeslot objects.  This is one instance
timeslot.cssClass = "event-invite";

.event-invite {
    background: #FFFF99;
    cursor: pointer;
}

---

然而，这些css实际上都没有绑定到我的元素。使用knockout动态绑定css类的正确方法是什么？

要绑定css，请使用以下语法：

<td data-bind="attr: {class: cssClass}"></td >

以下是描述此绑定的ko js页面：

---

虽然segFault的解决方案有效，但我认为css绑定更简单：

<td data-bind="css: cssClass"></td >