Question

160

rated 0 times [ 163] [ 3] / answers: 1 / hits: 18133 / 11 Years ago, tue, october 8, 2013, 12:00:00

In knockout.js we can use css binding for static classes

<div data-bind=css: {'translucent ': number() < 10}>static dynamic css classes</div>

and dynamic

<div data-bind=css: color>static dynamic css classes</div>

I've tried http://jsfiddle.net/tT9PK/1/ to combine it in something like

css: {color, translucent: number() < 10}

to get dynamic class color and static translucent at the same time, but I get an error. Is there a way to do that?

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 55

Total Questions: 99

Total Answers: 77

Location: South Korea

Member since Tue, Feb 22, 2022

2 Years ago

khalidkendelld questions

Mon, Apr 20, 20, 00:00, 4 Years ago

Sun, Apr 5, 20, 00:00, 4 Years ago

Wed, Feb 26, 20, 00:00, 4 Years ago

Sun, Feb 16, 20, 00:00, 4 Years ago

Tue, Nov 12, 19, 00:00, 5 Years ago

answered 11 Years ago halie · Accepted Answer

You can add dynamic class by css property and then add static class by attr property

<div data-bind=attr: { 'class': color }, css: { 'translucent': number() < 10 }>

  static dynamic css classes

</div>

Be sure to add any predefined classes to this binding
attr: { 'class': color }