使用knockout'data-bind'直接修改CSS类的属性

Question

我想直接使用knockout'data-bind'修改CSS类的属性，而不使用JQuery css（）方法。

我有一个组件（引导滑块），我想根据滑块值设置背景颜色。在他的主页上，作者通过计算rgb组件然后使用jquery css（）方法来实现它。

我可以使用knockout对css类中的属性进行数据绑定，还是必须坚持使用JQuery css（）？

编辑：我想更改组件的一部分的背景颜色，在css类中描述，而不是整个组件的背景。

Answer 1

您可以使用与此类似的数据绑定：

data-bind="style: { background-color: colorRed() ? 'red' : 'black' }"

通过更改colorRed（）中的值，您可以将颜色更改为红色或黑色。也可以使用这样的东西：

data-bind="style: { background-color: myColor() }"

myColor（）返回十六进制颜色。

Answer 2

jQuery css直接在元素上设置样式属性。这与style绑定在Knockout中的作用相同：http://knockoutjs.com/documentation/style-binding.html。因此，您应该能够使用style绑定来完成任务。

Answer 3

请务必使用 backgroundColor 代替 background-color 您可以使用此功能：

data-bind="style: { backgroundColor: color }"