Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 直接使用knockout';数据绑定&x27;_Javascript_Css_Knockout.js - Fatal编程技术网

Javascript 直接使用knockout';数据绑定&x27;

Javascript 直接使用knockout';数据绑定&x27;,javascript,css,knockout.js,Javascript,Css,Knockout.js,我想直接使用knockout“data bind”修改CSS类的属性,而不使用JQuery CSS()方法 我有一个组件(引导滑块),我想根据滑块值设置背景色。在他的主页上,作者通过计算rgb组件,然后使用jquery css()方法应用它们来完成这项工作 我可以使用knockout在css类中绑定数据属性,还是必须使用JQuery css() 编辑:我想更改css类中描述的组件部分的背景颜色,而不是整个组件的背景颜色。您可以使用类似于此的数据绑定: data-bind="style: { ba

我想直接使用knockout“data bind”修改CSS类的属性,而不使用JQuery CSS()方法

我有一个组件(引导滑块),我想根据滑块值设置背景色。在他的主页上,作者通过计算rgb组件,然后使用jquery css()方法应用它们来完成这项工作

我可以使用knockout在css类中绑定数据属性,还是必须使用JQuery css()


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

您可以使用类似于此的数据绑定:

data-bind="style: { background-color: colorRed() ? 'red' : 'black' }"
通过更改colorRed()中的值,可以将颜色更改为红色或黑色。也可以使用如下内容:

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

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

jQuery
css
直接在元素上设置样式属性。这与
样式
绑定在敲除中的作用相同:。因此,您应该能够使用
样式
绑定来完成任务。

请确保使用背景色而不是背景色您可以使用以下颜色:

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

我已经尝试过了,但是我想要更改的属性在组件样式表的css类中。使用样式绑定时,有没有办法选择类内的属性?不能直接编辑外部文件中定义的类。我不认为我一定会推荐它,但是您可以向页面上定义的
样式
元素添加绑定,并对CSS类添加一些覆盖。可能是这样的:。至少通过这种方式,使用该类的任何元素都会自动更新。这里有一种替代方法,使用自定义绑定处理程序将某些逻辑保留在视图模型之外:非常聪明地定义自定义绑定,我在敲除方面还不够高级,无法产生这种想法!太多了!我将尝试这种方法,只要我周一回到工作岗位!是的,但是我如何判断我要更改的背景颜色是特定于类的?