0

ボタン付きのUIがあるとします。UIには4つの状態があり、それぞれが異なるコーナーにボタンがあります。

Flexでは、これは簡単に実現できます。これらの4つの状態(topLeft、topRight、bottomRight、bottomLeft)を定義するだけで、それぞれにボタンの位置値のオーバーライドがあります。

単純な割り当てによってトリガーできる方法でCSSを使用してこれをどのように行いますか?

フレックス:skin.currentState = "topRight" JS:???

私はcssでクラスを定義しました:

#button.topRight {...}
#button.topLeft{...}
#button.bottomRight {...}
#button.bottomLeft {...}

さて、#buttonの存在を知らなくても、1行のコードで、4つの状態の1つを、その状態が定義されているページ上のすべての要素に適用するにはどうすればよいでしょうか。

4

1 に答える 1

1

jQueryは、JavaScriptで便利な抽象化レイヤーを提供します。

$('.someClassName').addClass('blueOnLeft')  
$('.someClassName').removeClass('blueOnLeft')

これは、クラス名が「someClassName」のすべての要素を対象とします。

于 2013-02-06T18:42:23.247 に答える