滑动后更改Jquery滑块手柄颜色

Question

我试图在移动或更改时更改Jquery滑块手柄的背景颜色。我尝试在start事件中添加一个有效的类。它添加了我的类（使用相应的css来更改背景颜色）但遗憾的是没有更改颜色。小提琴：http://jsfiddle.net/cseitz/DrGYT/11/

.ui-slider .ui-slider-handle {
background: blue;
}
.updated-handle {
background: red;
}

$("#myslider").slider({
start: function (event, ui) {
    $("#myslider").slider().find(".ui-slider-handle").addClass("updated-handle");
}
});

<div id="myslider"></div>

Answer 1

您必须与其他规则一样具体（或更具体）。 .ui-slider .ui-slider-handle比.updated-handle更具体，因此被忽略了。

只需使用：

.ui-slider .updated-handle {
    background: red;
}

<强> jsFiddle example