「Knockout.js/cssバインディング」の版間の差分
imported>Administrator |
imported>Administrator |
||
| 6行目: | 6行目: | ||
基本的な書式は以下のとおりである。 | 基本的な書式は以下のとおりである。 | ||
<source lang="html5"> | <source lang="html5"> | ||
<div data-bind="css: { CSSクラス名: | <div data-bind="css: { CSSクラス名: 値または式 }">...</div> | ||
</source> | </source> | ||
カンマ区切りで複数指定もできる。 | |||
<source lang="html5"> | |||
<div data-bind="css: { CSSクラス名: 値または式, CSSクラス名: 値または式, ... }">...</div> | |||
</source> | |||
値または式の結果が、trueならばDOM要素(HTMLタグ)のclass属性にCSSクラスが追加され、falseならばDOM要素(HTMLタグ)のclass属性からCSSクラスが削除される。 | |||
なお、式を指定する場合の「式」とは[[JavaScript]]そのものなので関数なども使いたい放題である。 | なお、式を指定する場合の「式」とは[[JavaScript]]そのものなので関数なども使いたい放題である。 | ||