我可以在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中分组类吗？

回答

相关问题