差分

ナビゲーションに移動 検索に移動

Knockout.js/cssバインディング

238 バイト追加, 2012年4月10日 (火) 16:15
基本的な書式は以下のとおりである。
<source lang="html5">
<div data-bind="css: { CSSクラス名: パラメーター値または式 値または式 }">...</div>
</source>
パラメーターの値または式の結果が、trueならばCSSクラスが追加され、falseならばCSSクラスが削除される。カンマ区切りで複数指定もできる。<source lang="html5"><div data-bind="css: { CSSクラス名: 値または式, CSSクラス名: 値または式, ... }">...</div></source> 値または式の結果が、trueならばDOM要素(HTMLタグ)のclass属性にCSSクラスが追加され、falseならばDOM要素(HTMLタグ)のclass属性からCSSクラスが削除される。
なお、式を指定する場合の「式」とは[[JavaScript]]そのものなので関数なども使いたい放題である。
匿名利用者

案内メニュー