javascript - 直接使用敲除“数据绑定”修改 CSS 类的属性

Question

我想直接使用敲除“数据绑定”修改 CSS 类的属性，而不使用 JQuery css() 方法。

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

我可以在带有淘汰赛的 css 类中对属性进行数据绑定，还是必须坚持使用 JQuery css ()？

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

Answer 1

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

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

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

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

其中 myColor() 返回一个十六进制颜色。

Answer 2

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

Answer 3

一定要使用backgroundColor而不是background-color 你可以使用这个：

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