我可以在CSS中分組類嗎？

我發現，啓用和禁用JqueryMobile按鈕，我不得不做到以下幾點：我可以在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");

在CSS中，有沒有辦法將多達類，我可以重新使用它們，而不必粘貼遍佈各地的代碼？

所以我在尋找：

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

來源

2011-02-01 JD.

這是比CSS分組更多的jQuery分組。 – Kyle 2011-02-01 09:38:11

不這項工作？

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);

[編輯]

按照任擇議定書的問題，這裏是如何在多個文件中重複使用定義瓦爾。

首先，創建一個文件，比如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

把thoses類放在一個變量中？

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溶液（但它需要某種編譯）。說CSS我的意思是將您的類的UI類的定義：

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

理論上應該工作。

來源

2011-02-01 09:38:29 singles

相關問題

我可以在CSS中分組類嗎？

回答

相關問題