使用addClass定制JQUery UI元素

我通过为jQueryUI滑块的句柄指定自定义样式来扩展它

代码如下：

JavaScript:

var slider = $("#container").slider();
var handle = $(".ui-slider-handle", slider);

那我要做什么

handle.css("backgroundColor","yellow");

这很有效

但当我创建一个类时，如：

.yellow
{
   background-color: yellow;
}

和使用

  handle.addClass("yellow"); // works!

它没有把它捡起来。让我澄清一件事-CSS位置是有效的，并且我的自定义CSS在JQuery CSS之后得到应用，如果我想通过以下方式覆盖自定义CSS中的JQuery原始样式：

.ui-slider-horizontal .ui-slider-handle 
{ 
   background-color: yellow;    
}

---

它又起作用了。这只是一个似乎不受尊重的问题。有谁能建议我如何使用addClass吗？

我想你有一个问题，就是你的类

.yellow

没有

.ui slider horizontal.ui slider handle

一种解决方案是给黄色添加特殊性，这样它就不会像覆盖一样被覆盖

.ui-slider-horizontal .ui-slider-handle.yellow {
background-color: yellow;
}

---

我认为您的类

.yellow

的特殊性不如

.ui-slider-horizontal.ui-slider-handle

一种解决方案是给黄色添加特殊性，这样它就不会像覆盖一样被覆盖

.ui-slider-horizontal .ui-slider-handle.yellow {
background-color: yellow;
}

---

请问如何使用jQuery？我有一些滑块，它们可以动态地分配类，所以jQuery是我唯一的选择。jQuery代码是正确的，你只需要正确地创建css类。如果您只想使用jQuery，那么必须使用您编写的

handle.css（“backgroundColor”，“yellow”）我该如何使用jQuery？我有一些滑块，它们可以动态地分配类，所以jQuery是我唯一的选择。jQuery代码是正确的，你只需要正确地创建css类。如果您只想使用jQuery，那么必须使用您编写的
handle.css（“backgroundColor”，“yellow”）