2017-06-01 6 views
0

は、私は次のようにCSSクラスを追加する方法を知っている:使用してknockout.js CSSバインディング - どのようにフォーカスのような要素の状態を追加するには?

.active{ 
    //...style change 
} 

それは同じように動作しknockout.js

でCSSを結合:

<div class='liveExample' data-bind='click: changeStyles, css: 
{selected:isSelected}'> 
    Some Content 
</div> 

しかし、どのように私は追加する必要があります

.flat a:hover, 
.flat a:hover:after, .flat a.active:after, 
.flat a:focus{ 
    //style change 
} 

noockout.js css-bindingのような要素状態クラス?

助けてください!

答えて

0

:hover CSSセレクタがmouseovermouseoutでを結合イベントを使用して動作しない場合:http://knockoutjs.com/documentation/event-binding.html

+0

感謝。しかし、私は実際には ".flat a:focus"と ".flat a:focus:after"を作ろうとしていました。つまり、クロムの要素を調べると、「data-bind = 'click:changeStyles、css:{selected:isSelected}」を追加したときにオブジェクトがクリックされたときに「アクティブ」クラスが追加されていることがわかります。しかし、私は ".flat a:focus"と ".flat a:focus:after"を同じようにするときの作業方法についてはわかりません – Dukakus17

関連する問題