CSSでクラスをグループ化することはできますか？

私はボタンを有効または無効にJqueryMobileに、私は次の操作を実行しなければならなかったことを発見した：CSSでCSSでクラスをグループ化することはできますか？

$("#enable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"); 
$("#disable-livetv").addClass("livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c");

私はむしろことをペーストするよりも、それらを再利用することができ、クラス最高のグループへの道がありますどこにでもコードを書くことができますか？この作品

$("#enable-livetv").addClass("enablebuttonstyle"); 
$("#disable-livetv").addClass("disablebuttonstyle");

出典

2011-02-01 JD.

これは、CSSグループ化よりjQueryグループ化のほうが多いです。 – Kyle

ません：

だから私は探していますか？

var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"; 
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c"; 
$("#enable-livetv").addClass(classes_enable); 
$("#disable-livetv").addClass(classes_disable);

[EDIT]

OPの質問1としては、ここで多くのファイル間で定義されたVARSを再利用する方法です。

最初に、defines.jsというファイルを/jsフォルダに作成します（実際にはこれは単なる例です）。

var classes_enable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"; 
var classes_disable = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c";

その後、定義が必要とされるたびに、それはそうのような<head>タグでJSファイルをインクルードするだけで十分です：

<script type="text/javascript" src="js/defines.js"></script>

変数は、現在再利用可能でなければなりません。

出典

2011-02-01 09:36:03 mingos

私はJQueryとCSSにはかなり新しく、CSSでグループ化することができるかどうかは不明でした。もし異なる変数

はおそらく

var myClass = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"; 

$("#enable-livetv").addClass(myClass);

を試してみてください？

出典

2011-02-01 09:36:04 Ross

私の答えと同じですが、それにもかかわらず+1です。P – mingos

変数をクラスに入れますか？

enablebuttonstyle = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-b"; 
disablebuttonstyle = "livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c"; 

$("#enable-livetv").addClass(enablebuttonstyle);

出典

2011-02-01 09:38:01 BiAiB

私はこの問題が本当に何であるかはわかりませんが、これによりコードが削減されます。 JSで

var css = " livetvclick ui-btn ui-btn-inline ui-btn-corner-all ui-shadow "; 
$("#enable-livetv").addClass(css + "ui-btn-up-b"); 
$("#disable-livetv").addClass(css + "ui-btn-up-c");

出典

2011-02-01 09:38:02 Reigel

上記のコードを再利用して、同じページや別のページの異なるスクリプト機能で使用できるのですか？ –

使用変数（しかし、おそらくあなたはグローバル名前空間をpoluteます）、CSSまたはLESSのような解決策は、（それは、コンパイルのいくつかの種類が必要です）。私は、UIクラスの定義にクラスを追加することを意味言っCSS：

.ui-btn, .enablebuttonstyle {/* def*/} 
.ui-btn-inline, .enablebuttonstyle {/* def*/} 
.ui-btn-corner-all, .enablebuttonstyle {/* def*/}

は、理論的には動作するはずです。

出典

2011-02-01 09:38:29 singles

私はOPが何か違うことを尋ねていたと思います（または理解しました）：P – mingos

OPは私が書いたものを意味します;） – singles

CSSでクラスをグループ化することはできますか？

答えて

関連する問題